ube middle ear wouter Ear: Tt protects F cay tram, dict and dust 04 producing. s>Middle Ear: Te consists ot bones and ea ©) Soha Went to a ver tinaty doctor with hie dog ‘ben, po cateaapazcram Powen*** his tog 40 hime Middle Ear: a cannot bear, $0H0d to the situation Through tar dram pase through ear drum: Here, John ie acting according tem example + Inner Ear: When the sourd vibrations © — Production 248 ound The hearei: 4 r i Bis Ps | xp dog 12 wan waving iS tail pat the 429 wt can heat the $ inver ear of our ea is aohg to 15 b3- rt dog ( quowling then sun away Hursan Memory sAeting accordingly by the procedure @ ons TERM MEMORY ONE ia 2 ace information Iconic > $ee Storage oF remembet D Forgetting and xeen informal and Problem’ €0lving Eber oes beasiin acceeaa memories Haptic im Pala tron veterieval Human memory 1 divided into two types, @ | Thinking , Reasonin: + Thinking 2 Lhpat processing (0.2 Task, npoledge trom the giver 1) Long term memory —> Semantic networks , fram = processing * Reasoning: Interring Pee ki Mee iiies. saiving inputs or process £2 7¢4 & 7 Cele r 7 frames — divided into technical, relationships, en a e Solution Scripts > connected to each other (Semantic memory ~ Structure of facts D Deductive Reasoning ni ically go to work. She is fa: rf it isa Friday, She © qoing to work, $0 it is a Friday > Semantic networks > Framts — Scripts - ee pts- Knowledge about situation roceduc i eduction Systems — Procedural Knowledge ) y—> Global Structure + Structure OF BiLt, movement f,; Screens + Tt shows what leads + Tt Shows @bat happens whent Tterations and Prototype [Design] —fretetyre} — [evaluation] Validation ing the right thing - g the wight thing- to what? and “Validation means detin “Verification means doin Mag Management and Contractual Leste * Manage ment deals with Skilled people “Biter the design phase company has to £iqn Contract with tee client- technological advancement and the gap between applications and SDL cycle, everytime eo Launched - —> Que veal world 7 Producks ave ecyele ie ct Sel gn faults | Principles Standards on | Ly golden sales] heuristics Design Rules - Reuse design to develop a new product np Rules —> classification Bot Dee D) Authority: They are mandatory eax System Architecture to be followed- t mandatorg- DGrenerality: They are 00 ‘am, State chart @' jag ram, data How diagr eed as ex: oormal How, activity diagram 2 Learnability: Oesigr should be “4° ble or Aearnable by ha wad that ft set gos forms 6 easily understanda + peuse, design io mang OA4 Robustness: Goal oriented’ Te should not be 10 corpsLearnability ae Bynthesigabi lity whether easy t? Tt means a Predict wbetber we my can reach/veuse the posers design properly ® mulli- Task Si threading miaration ne 1 a p! rotuns for imultancosly — desig extension moore eatension accept migration Robustnes> ‘Giecenual Aecoverabi li a ty 1 uit Task | braluate Nesign shoul be Lv | ike ae in Such o way that Design shoul: ik con recover errors standards ee When the des Hardwore | tot underly ing theory and 6 40 fleas all the rules and Bad 5 July chargable then it 1 qite? J properly Guidelines Pao Data Entry 2) Data Display 2) Sequence control ©) Pata Transmissi” Golden rules] Heuristics design Teolden Rules provides good 40559 isetul chech list for many Sets of Heuristice Many sets of Ra DNielsens to Heuristics D shneidermans & Grelden Rules 3) Normane + principles / Rules Nielsens 48 D Nielens 19 users what & Hewristics Hea -Qesign Should be transparent, KeeP qoing on and qive feedback be, appropriate feedback2)Match behoeen Systems and real world: + Design Should map the requirements and be updates and Should be precise 5 user Control Freedom: ion of the design extendible or addi 2) Consistency and Standards : +The destqn Should follows all the mules, principle z | quidelines- 5) Error Prevention: 9) Error ieee Recover trom evrors and eTToY, free. © Recognition rather than Recall: Di aon eae | + Simple, reuse, Hexible and recall. a) Flexibility and Efficiency + Resign can be used Co many ways. D Minimalist design 1Qesign minimum and give Features @ Help users recogniges diagonose and recover from evmrs + Recover from evr1s and error free 0) User help and documentation «Tt eles te the docummtation tor a product or Service provided be the end user designed lack oy SEFVice, Matinee anes mac cstance qolden tules of Interface Shneidermans 3 @ @ Strive for consistency: easy to use, updated, features « to use Shortcuts: more convienent to user 2) Enable users paar Dotter teedback to every Wer rmprovement || additions pe or know the limitations . Design aialogs + 4 jdckoguse: additional features, | cleay information Dotter evror prevention recor from evvors easily. otter evror prevent?” 2 support internal focus et control Wesiitetbot > Reduce short term memory | updations, cov rection in design aroverse [qoback logic correct | ang Eemporany @ Normans + prioeples (©) use both knowledge (0 world and oowledge in fF bead? update the desig? 2) Simplity the structure of tasks: design Simple , 2) Sop a robust, easy to understandtieary precsee APA ng) features Should b¢ minimum + from &4TOFS, mi 9 oui of mr, reamed number of 6470" Hine all else tai Date attele tls STA fs standards: Standardize 4, standards fe ee and guidelines poalysi® — design Professional Should have ® Evaluation through expert Deognitive wal trough: —zproboty pe 2) Heuristic evaluation: —> design models /dee’qr 2) Model based evaluation: prototypes, design experiments oe : A £) Veing previous ttudies in evaluation: veagons vr ry pothesis > (oqo AY Reem te mall throughs ase required for detailed review c| design action | j focus (6 on, | 3) A specification / prototype: |2) Description of tash: the user has to po een syptem: clearly thee alt tash [requirements of user 8) List of actions: features in Sequence 1 of who the user ie and what bind rasa ©) Lodication of whe FOE ™ ooimmes PILED ELS age and Umitation features sala) \@ @ reset @ teurighe based 2 of users, use A Evaluation decision that has already eo how these are eva m on + Factors scan quide ov evaluate been made Er ecamind by experts +7 S aluatot asee 85 the severity ot probler tua ted. 23) how common iv the problem 5) how easy (6 it for user fo overcome how serious is itt d) persistent —> repeatitively (problem) = don't aqree 1 need not be fixed unless extra time (9 available oo | praject 2 minor problem —> tiing thie Should be given (ow prority oe® Hypertext |e Multimedia and worldwide web snyperteat — Text, escepes, Uineartty words and the Find Brings | web Content: — Static - eb Contents — Stabe pynamie- unchanging pictures aod text web ae (ext ] eI Multimedia ‘Rich Content: Animation, Videos and audvos- @® |ppplications of Hypermedia +Prototyping, Help and Documentation, E-commerce a Designing Structure? Make Navigation EasieT: Routes level of actess- , E-learning, ars Mee % Interaction and application on + Technologies and Tesues pace and browsers a) webserver and clients Tim | Bandwidth and Latency ) efor 2 S5eeS je unthenging pictures and text Dynamic- Intewaction ad application 0° web + Tava, applet, soriptsshld UN. = PDB Date nee @ \robile Ecosystem |DOperators Doeviees 8) Networks D Plat forms DApplication Frameworhs [Services| Applications pplication Frameworb Operating System Platforms Devices qqresation Operators al Operators: Basic layers “Tt act# as gate keepers, insta + Operate network emake services Such a! /: Maintain relations hep 5 internet — worlds Largest Operators *ATkT Bharat airtel at the back end |,” 60k; PPT opps — imo uses —> rate on C,ett, © Proprictory Plat torr + Designed and developed bY awn devices device makser® for Heirpacman based on 6 Ctr lisp pm 88 (andveia phooes) Cw) binsbereg: Java base operating System ‘iphone mac 08 Se | @open Source Plat OP «Free, beaded by &0091¢ ©) Symbian 05 «0 for mobile devices 4“ work E> Linux — ae @| Pplication Framesworh re) yan onbeerye ae eal Such as communication, mesea4gind, graphics location land security. 1) Java 2) 5-60 (Series 60) nokia devices 2) Brew 4) Cocon touch —> Native application for iphone. (op ple) 2) Android $b te : 6) Web Tool Kit - HTML, C96, T2ME, IDK, Scripting 4 for toterface and f,,, System. Core Services —_.. ro eres LATS relies Hone ome. | + cons. —rlimited capacity => Text limitation 6) mobile Websites C008 Lphone epece fic —qood internek connection => q00d band wid th e. © Mobile Web Widgets #008. <> domain (phone specitre | pdations — Internet connectiviry A) Mobile web applications. —>domain| phone specitic —> updation § —sinternet connectivity ©) Gaming => domain | phone spectre — Slow downs the mobile — octupy more memory — updation’ internet connectivity:@® Marie Iniwmation + Intormation Architecture: Stractured design — Feateres Rup ct Single 3 Se mee 3) rhe Benes ae) Procotasing — Cater Palettes — used for maintaig aelabt cies jn mabile and web design @& Mobile 20 Maile 2-0 iS leveraging the paz ot web- + 7 Toteqratiog arb services into mobile medium rni(, “Eqs Hye can we expect developers # support emare ther zo ditferent mobile web browser? ' seit in an aetie iphone (east tims en te ighetatatesd ~+Mobile Safari Browser—> Gncluded iphone —> excellent a ee - protites web Serre experience 00 mobile devices- We: @ - Mobile web applications are the Future (Rely on appt than mobile Service providers Updates are done through apps only- — > Tava Script is eat Frontier Rich Interactions Kill battery Ute. —> Java Scripts consumes mae pro e a battery. Phos S Sober fepela tro t je NE ~ fin opensource webhit browse? —————— — a consistent use -- power aod therehr Jeased & "TavaScript “ that is ine cle devices. @ Mobile oeeds & chects its ego Ls cpged, accessing multiple théng [enultiple apps © for long time , mort processor time, qames fad Elements of Mobile geeign Elune uD context: who are using what ays do theg ee a) Meseage: Messaging Should be convinent and should have more features Look and Feel: colorful, wireframes , clic streams Look and Fee ble, chees boxes, radi? 4) Layout: layout, design, vest ee cnt APSE 4 ROB, adjustments be light ©) Typoyrapbhy: ying fonts, headings, change the tort @) Graphics: Primations, symbols, audio and video feb Seseg erie - eaer, HIME, XHTHL Seripting- ste Design Tali cs used’ to add more the mobile phone features ver ctficient 00 EF * i ¥ ¥ s i___unz1-¥ WEB ZN TEREAGE in Seki gn ron DRAG AND DROP e A vaggable Page generation, mous Drag over valid target area. > Drag over invalid target aree > Orag accepted — Drag ryected > @ why use this patter? + rag operation fs a previous and nek a comple opuation. jaesions, atl the page will 704 | draq ¢ the module ct smaths the layout (= Dragged module should not get in the way of | rearranging (ay out *Point mouse on '4! in folder + pp desived location “Move the pointer Drop to Hoder> Hoder 1 iit Directory Oe ons oe range when the u ee pene’ ie tag xand! Sie ©) Place bolder targeting: Most explicit way view eee eee preview the et fect D Mid-poiot Boundary. Requires the least drag effort fo move Modules around D Full-Size Module Boxer Dragging: Coupled with © and @© above 4) Ghost Rendering: Emphasize the page qather than dragged object — Overbys= + Really gust Light wught pop ups we use the bam light + disfunckion bebweent tf and woe ght to make ib Clea normal idea of browser popup Browser popups are created as Oa window . —> Brower Enterface contro > Uses Flash or JAX or DHTML techniques: > Light weight overlays are just a Ught wought in page and inexpensivea oi overlay: Replace odes NetHix pee Overlag= NetHix pee? | > descrip? |: Tolags & Tnpaqe kav Layouts | List Zolay: works ao effective way to hide dete luntit needed, while a ie pq’, —> pialog Inley: expands part of page Some time preserving GBC Nuws teh, le, Et inte? National local | a weather “Overlays allows you to bring additiene| interaction 0? content in layer above current page- stylic browser Pope, : @ = Io iays allows you to do thie within page eit eee plist Inlay - worbs 00 effective way 40 hide details until needed, while at Same time preserving space on page: > Dialog tnlay— expand past oF page: BBC news Cl mo Sa weather —Iocal — ational _—_ internation overlays allows you to bring ndditional (oteraction 27 content in (ayer above current page Inlays allows you to do this within page Virtual pages +Prnother powertul approach to Heep useré engaged on the current page i> to create a virtual page je, illusion or laxger page rVirtual scrolling pagenetr —, patter, Wists (ala rae — de i —