Usability & Design Principles


Published on

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

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 /><br />10 User Interface Design Fundamentals (Think Vitamin)<br /><br />10 Heuristicsfor User Interface Design (Jakob Nielsen)<br /><br />TheGoogley User Experience Principles (Google)<br /><br />Ten Principles of Good Design (Dieter Rams)<br /><br />Design PrinciplesGlossary<br /><br />Quellen<br />10-2010<br />Mobile. Create. Basics. <br />
  26. 26.© Namics<br />Mobile. Create. Basics.<br />10-2010<br />