Your SlideShare is downloading. ×

Introduction to Usability

8,700

Published on

A basic introduction to the 10 principles of usability.

A basic introduction to the 10 principles of usability.

Published in: Design
4 Comments
74 Likes
Statistics
Notes
No Downloads
Views
Total Views
8,700
On Slideshare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
0
Comments
4
Likes
74
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 Usability! it makes people not hate you!
  • 2. USABILITY 101 • What is usability? • Why it’s important • Ten principles of usability • Exercise Agenda
  • 3. USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 What is Usability?
  • 4. A quality attribute used to evaluate how easy interfaces are to use. Usability
  • 5. Also refers to methods of improving ease-of-use during design. Usability
  • 6. Usability Testing ≠ Focus Groups
  • 7. Usability Testing ≠ Focus Groups what people do
  • 8. Usability Testing ≠ Focus Groups what people do what people say
  • 9. Users are not designers
  • 10. Usability is not...
  • 11. user experience Usability is not...
  • 12. user experience Usability is not... minimalism
  • 13. user experience Usability is not... minimalism customer opinions
  • 14. user experience Usability is not... minimalism customer opinions common sense
  • 15. user experience Usability is not... minimalism customer opinions common sense good design
  • 16. user experience Usability is not... minimalism customer opinions common sense good design a set of rules
  • 17. → → → → → Efficiency Learnability Error Management Satisfaction Memorability Usability is all about
  • 18. Interaction Design Usability is 1/4 of UX Usability Information Architecture Visual Design
  • 19. Interaction Design Usability is 1/4 of UX Usability Information Architecture Users Content Context Visual Design
  • 20. Interaction Design Usability is 1/4 of UX Usability Information Architecture Users Content Context Visual Design
  • 21. Interaction Design Usability is 1/4 of UX Usability Information Architecture Users Content Context Principles of Usability Visual Design
  • 22. Interaction Design Usability is 1/4 of UX Usability Information Architecture Users Content Context Principles of Usability Visual Design
  • 23. USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 Why is usability important?
  • 24. Good Usability
  • 25. Is a good return on investment Good Usability
  • 26. Is a good return on investment is a competitive advantage Good Usability
  • 27. Is a good return on investment is a competitive advantage makes design adequate Good Usability
  • 28. usability usability
  • 29. usability usability visual design, content + development
  • 30. usability usability user experience visual design, content + development
  • 31. Bad Usability
  • 32. makes people feel dumb Bad Usability
  • 33. makes people feel dumb Bad Usability is disrespectful
  • 34. makes people feel dumb Bad Usability is disrespectful damages our clients’ credibility
  • 35. Where would you rather put your money?
  • 36. the only usability equation that matters Value > Pain
  • 37. USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101 You are not the user
  • 38. What is this called?
  • 39. What is this called?
  • 40. USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 10 rules to design things that are perfectly adequate Usability Principles
  • 41. 1 Recognition rather than recall Usability Principles Place items on the page where and when users need them as they move through the system. Don’t force people to remember things.
  • 42. Recognition rather than recall Usability Principles
  • 43. Recognition rather than recall Usability Principles
  • 44. Recognition rather than recall Usability Principles
  • 45. 2 Match between system and the real world Usability Principles Speak the user’s language. Use familiar words, phrases and concepts, rather than system- or business-oriented terms.
  • 46. Match between system and the real world Usability Principles
  • 47. Match between system and the real world Usability Principles
  • 48. 3 Consistency and standards Usability Principles People have used hundreds of interfaces before they arrived at yours. They’ll be expecting certain patterns of how things should be named and how they work.
  • 49. Consistency and standards Usability Principles
  • 50. Consistency and standards Usability Principles
  • 51. 4 Error prevention Usability Principles Help users not make errors in the first place. Provide guidance and helpful design.
  • 52. Error prevention Usability Principles
  • 53. Error prevention Usability Principles
  • 54. 5 Emergency exits Usability Principles Users often make mistakes. Help users avoid disaster by providing escape hatches and “undo” functionality.
  • 55. Emergency Exits Usability Principles
  • 56. Emergency Exits Usability Principles
  • 57. 6 Help users recognize, diagnose, and recover from errors Usability Principles Error messages should be expressed in plain language, precisely indicate the problem, and constructively suggest a solution.
  • 58. Help users recognize, diagnose, and recover from errors Usability Principles
  • 59. Help users recognize, diagnose, and recover from errors Usability Principles
  • 60. 7 Visibility of system status Usability Principles The system should always keep users informed about what is going on, through appropriate feedback within a reasonable time.
  • 61. Visibility of system status Usability Principles
  • 62. Visibility of system status Usability Principles
  • 63. Visibility of system status Usability Principles
  • 64. 8 You are here Usability Principles Interfaces should answer the question: where am I, and where am I not? Process interfaces should show the number of steps, progress, and the expected duration.
  • 65. You are here Usability Principles
  • 66. You are here Usability Principles
  • 67. You are here Usability Principles
  • 68. You are here Usability Principles
  • 69. You are here Usability Principles
  • 70. 9 Flexibility and efficiency of use Usability Principles Design a flexible interface that can be used by both novice and advanced users. Allow users the freedom to explore content, and a reasonable amount of control over their experience.
  • 71. Flexibility and efficiency of use Usability Principles
  • 72. Flexibility and efficiency of use Usability Principles
  • 73. Flexibility and efficiency of use Usability Principles
  • 74. Flexibility and efficiency of use Usability Principles
  • 75. Flexibility and efficiency of use Usability Principles
  • 76. 10 Minimalist design Usability Principles The elements of an interface’s design should not obstruct its function. Every extra piece of information competes with the relevant bits of information and diminishes their visibility.
  • 77. Minimalist design Usability Principles
  • 78. Minimalist design Usability Principles
  • 79. USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 10101 it’s peanut butter jelly time Exercise

×