Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Design & UsabilityPrinciples<br />Mobile. Design. Create. Namics.<br />C. Medvesek 10-2010<br />
EnhanceInteractivity<br />“The best iPadapplicationsgivepeople innovative ways to interactwithcontentwhiletheyperform a cl...
Mobile. Create. Basics. Workshop. DE.<br />29.10.2010<br />
Stayconsistent<br />“Themoreusers’ expectationsprove right, themorethey will feel in control of thesystem and themorethey ...
Simplicityispowerful<br />Simplicityfuelsmanyelements of good design, includingease of use, speed, visualappeal, and acces...
Makeitself-explanatory<br />Good designmakes a productunderstandable. Itclarifiestheproduct’sstructure. Better still, itca...
Payattention to patterns<br />Users spend themajority of their time on interfacesotherthanyourown. Thereis no need to rein...
«Users shouldnothave to wonderwhether different words, situations, oractionsmeanthesamething. Followplatformconventions.»<...
Delight People<br />“Delight People withStunning Graphics – One way to increasetheperceivedvalue of yourapplicationis to r...
“A graphically rich look at a wide variety of trips.”
- New York Times<br />
Books oder Lonley Planet<br />
“Wonderful. Grab it now.” 
- Gizmodo<br />
Provide Feedback<br />“Thesystemshouldalwayskeepusersinformedaboutwhatisgoing on, throughappropriatefeedbackwithinreasonab...
Allowmistakes<br />Your UI shouldallowfor and tolerateusererror. Design waysforusers to undoactions, and beforgivingwithva...
Every detail counts<br />Good designisthorough, down to the last detail. Nothingmustbearbitraryorleft to chance. Care and ...
Design. Usability. Prinzipien.<br />iPad User Experience Guidelines (Apple)<br />http://www.lukew.com/ff/entry.asp?995<br ...
claus.medvesek@namics.com© Namics<br />Mobile. Create. Basics.<br />10-2010<br />
Nächste SlideShare
Wird geladen in …5
×

Usability & Design Principles

Personal selection of principles for designing usable interfaces for web and mobile applications

  • Loggen Sie sich ein, um Kommentare anzuzeigen.

Usability & Design Principles

  1. 1. Design & UsabilityPrinciples<br />Mobile. Design. Create. Namics.<br />C. Medvesek 10-2010<br />
  2. 2. EnhanceInteractivity<br />“The best iPadapplicationsgivepeople innovative ways to interactwithcontentwhiletheyperform a clearlydefined, finite task. Resistthetemptation to fillthe large screenwithfeaturesthatarenotdirectlyrelated to themaintask.” <br />iPad Human Interface Guidelines p.19<br />10-2010<br />Mobile. Create. Basics.<br />
  3. 3. Mobile. Create. Basics. Workshop. DE.<br />29.10.2010<br />
  4. 4. Stayconsistent<br />“Themoreusers’ expectationsprove right, themorethey will feel in control of thesystem and themorethey will like it.” <br />Ten UsabilityHeuristicsby Jakob Nielsen<br />Mobile. Create. Basics.<br />10-2010<br />
  5. 5.
  6. 6. Simplicityispowerful<br />Simplicityfuelsmanyelements of good design, includingease of use, speed, visualappeal, and accessibility. Butsimplicitystartswiththedesign of a product‘s fundamental functions. <br />Googleyuserexperience<br />Mobile. Create. Basics.<br />10-2010<br />
  7. 7.
  8. 8.
  9. 9. Makeitself-explanatory<br />Good designmakes a productunderstandable. Itclarifiestheproduct’sstructure. Better still, itcanmaketheproducttalk. At best, itisself-explanatory.<br />Dieter Rams: ten principlesfor good design.<br />Mobile. Create. Basics.<br />10-2010<br />
  10. 10.
  11. 11.
  12. 12. Payattention to patterns<br />Users spend themajority of their time on interfacesotherthanyourown. Thereis no need to reinventthewheel. Thoseinterfacesmaysolvesome of thesameproblemsthatusersperceivewithintheoneyouarecreating. Byusingfamiliar UI patterns, you will helpyourusersfeel at home.<br />Think Vitamin – 10 User Interface Guidelines<br />Mobile. Create. Basics.<br />10-2010<br />
  13. 13.
  14. 14. «Users shouldnothave to wonderwhether different words, situations, oractionsmeanthesamething. Followplatformconventions.»<br />Jacob Nielsen<br />copyright<br />
  15. 15. Delight People<br />“Delight People withStunning Graphics – One way to increasetheperceivedvalue of yourapplicationis to replicatethelook of high- qualityorpreciousmaterials. For example, iftheeffect of wood, leather, or metal isappropriate in yourapplication, takethe time to makesurethe material looksrealistic and valuable.” <br />iPad Human Interface Guidelines p.24<br />Mobile. Create. Basics.<br />10-2010<br />
  16. 16. “A graphically rich look at a wide variety of trips.”
- New York Times<br />
  17. 17. Books oder Lonley Planet<br />
  18. 18. “Wonderful. Grab it now.” 
- Gizmodo<br />
  19. 19. Provide Feedback<br />“Thesystemshouldalwayskeepusersinformedaboutwhatisgoing on, throughappropriatefeedbackwithinreasonable time.” <br />Ten UsabilityHeuristicsby Jakob Nielsen<br />Mobile. Create. Basics.<br />10-2010<br />
  20. 20.
  21. 21. Allowmistakes<br />Your UI shouldallowfor and tolerateusererror. Design waysforusers to undoactions, and beforgivingwithvariedinputs. <br />Think Vitamin – 10 User Interface Guidelines<br />Mobile. Create. Basics.<br />10-2010<br />
  22. 22.
  23. 23. Every detail counts<br />Good designisthorough, down to the last detail. Nothingmustbearbitraryorleft to chance. Care and accuracy in thedesignprocessshowrespecttowardstheconsumer.<br />Dieter Rams: ten principlesfor good design.<br />Mobile. Create. Basics.<br />10-2010<br />
  24. 24.
  25. 25. Design. Usability. Prinzipien.<br />iPad User Experience Guidelines (Apple)<br />http://www.lukew.com/ff/entry.asp?995<br />10 User Interface Design Fundamentals (Think Vitamin)<br />http://thinkvitamin.com/design/10-user-interface-design-fundamentals/<br />10 Heuristicsfor User Interface Design (Jakob Nielsen)<br />http://www.useit.com/papers/heuristic/heuristic_list.html<br />TheGoogley User Experience Principles (Google)<br />http://www.google.com/corporate/ux.html<br />Ten Principles of Good Design (Dieter Rams)<br />http://www.vitsoe.com/en/re/about/dieterrams/gooddesign<br />Design PrinciplesGlossary<br />http://www.usabilityfirst.com/glossary/design-principles/<br />Quellen<br />10-2010<br />Mobile. Create. Basics. <br />
  26. 26. claus.medvesek@namics.com© Namics<br />Mobile. Create. Basics.<br />10-2010<br />

×