USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY 101 USABILITY ...
USABILITY 101
• What is usability?
• Why it’s important
• Ten principles of usability
• Exercise
Agenda
USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USAB...
A quality attribute used to evaluate
how easy interfaces are to use.
Usability
Also refers to methods of
improving ease-of-use
during design.
Usability
Usability Testing ≠ Focus Groups
Usability Testing ≠ Focus Groups
what people do
Usability Testing ≠ Focus Groups
what people do what people say
Users are not designers
Usability is not...
user experience
Usability is not...
user experience
Usability is not...
minimalism
user experience
Usability is not...
minimalism
customer opinions
user experience
Usability is not...
minimalism
customer opinions
common sense
user experience
Usability is not...
minimalism
customer opinions
common sense
good design
user experience
Usability is not...
minimalism
customer opinions
common sense
good design
a set of rules
→
→
→
→
→
Efficiency
Learnability
Error
Management
Satisfaction
Memorability
Usability is all about
Interaction
Design
Usability is 1/4 of UX
Usability
Information
Architecture
Visual
Design
Interaction
Design
Usability is 1/4 of UX
Usability
Information
Architecture
Users Content
Context
Visual
Design
Interaction
Design
Usability is 1/4 of UX
Usability
Information
Architecture
Users Content
Context
Visual
Design
Interaction
Design
Usability is 1/4 of UX
Usability
Information
Architecture
Users Content
Context
Principles of
Usability...
Interaction
Design
Usability is 1/4 of UX
Usability
Information
Architecture
Users Content
Context
Principles of
Usability...
USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USAB...
Good Usability
Is a good return on investment
Good Usability
Is a good return on investment
is a competitive advantage
Good Usability
Is a good return on investment
is a competitive advantage
makes design adequate
Good Usability
usability usability
usability usability
visual design, content + development
usability usability
user
experience
visual design, content + development
Bad Usability
makes people feel dumb
Bad Usability
makes people feel dumb
Bad Usability
is disrespectful
makes people feel dumb
Bad Usability
is disrespectful
damages our clients’ credibility
Where would you rather put your money?
the only usability equation that matters
Value > Pain
USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USAB...
What is this called?
What is this called?
USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USAB...
1 Recognition rather than recall
Usability Principles
Place items on the page where and when users need
them as they move ...
Recognition rather than recall
Usability Principles
Recognition rather than recall
Usability Principles
Recognition rather than recall
Usability Principles
2
Match between system and the real
world
Usability Principles
Speak the user’s language.
Use familiar words, phrases and ...
Match between system and the real world
Usability Principles
Match between system and the real world
Usability Principles
3 Consistency and standards
Usability Principles
People have used hundreds of interfaces before they
arrived at yours.
The...
Consistency and standards
Usability Principles
Consistency and standards
Usability Principles
4 Error prevention
Usability Principles
Help users not make errors in the first place.
Provide guidance and helpful design.
Error prevention
Usability Principles
Error prevention
Usability Principles
5 Emergency exits
Usability Principles
Users often make mistakes.
Help users avoid disaster by providing escape hatches
an...
Emergency Exits
Usability Principles
Emergency Exits
Usability Principles
6
Help users recognize, diagnose, and
recover from errors
Usability Principles
Error messages should be expressed in plain...
Help users recognize, diagnose, and recover from errors
Usability Principles
Help users recognize, diagnose, and recover from errors
Usability Principles
7 Visibility of system status
Usability Principles
The system should always keep users informed about
what is going on, th...
Visibility of system status
Usability Principles
Visibility of system status
Usability Principles
Visibility of system status
Usability Principles
8 You are here
Usability Principles
Interfaces should answer the question:
where am I, and where am I not?
Process interfa...
You are here
Usability Principles
You are here
Usability Principles
You are here
Usability Principles
You are here
Usability Principles
You are here
Usability Principles
9 Flexibility and efficiency of use
Usability Principles
Design a flexible interface that can be used by both
novice and adva...
Flexibility and efficiency of use
Usability Principles
Flexibility and efficiency of use
Usability Principles
Flexibility and efficiency of use
Usability Principles
Flexibility and efficiency of use
Usability Principles
Flexibility and efficiency of use
Usability Principles
10 Minimalist design
Usability Principles
The elements of an interface’s design should not
obstruct its function.
Every ex...
Minimalist design
Usability Principles
Minimalist design
Usability Principles
USABILITY 101 USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USABILITY 101USAB...
Introduction to Usability
Upcoming SlideShare
Loading in...5
×

Introduction to Usability

9,319

Published on

A basic introduction to the 10 principles of usability.

Published in: Design
4 Comments
76 Likes
Statistics
Notes
No Downloads
Views
Total Views
9,319
On Slideshare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
0
Comments
4
Likes
76
Embeds 0
No embeds

No notes for slide

Introduction to Usability

  1. 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. 2. USABILITY 101 • What is usability? • Why it’s important • Ten principles of usability • Exercise Agenda
  3. 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. 4. A quality attribute used to evaluate how easy interfaces are to use. Usability
  5. 5. Also refers to methods of improving ease-of-use during design. Usability
  6. 6. Usability Testing ≠ Focus Groups
  7. 7. Usability Testing ≠ Focus Groups what people do
  8. 8. Usability Testing ≠ Focus Groups what people do what people say
  9. 9. Users are not designers
  10. 10. Usability is not...
  11. 11. user experience Usability is not...
  12. 12. user experience Usability is not... minimalism
  13. 13. user experience Usability is not... minimalism customer opinions
  14. 14. user experience Usability is not... minimalism customer opinions common sense
  15. 15. user experience Usability is not... minimalism customer opinions common sense good design
  16. 16. user experience Usability is not... minimalism customer opinions common sense good design a set of rules
  17. 17. → → → → → Efficiency Learnability Error Management Satisfaction Memorability Usability is all about
  18. 18. Interaction Design Usability is 1/4 of UX Usability Information Architecture Visual Design
  19. 19. Interaction Design Usability is 1/4 of UX Usability Information Architecture Users Content Context Visual Design
  20. 20. Interaction Design Usability is 1/4 of UX Usability Information Architecture Users Content Context Visual Design
  21. 21. Interaction Design Usability is 1/4 of UX Usability Information Architecture Users Content Context Principles of Usability Visual Design
  22. 22. Interaction Design Usability is 1/4 of UX Usability Information Architecture Users Content Context Principles of Usability Visual Design
  23. 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. 24. Good Usability
  25. 25. Is a good return on investment Good Usability
  26. 26. Is a good return on investment is a competitive advantage Good Usability
  27. 27. Is a good return on investment is a competitive advantage makes design adequate Good Usability
  28. 28. usability usability
  29. 29. usability usability visual design, content + development
  30. 30. usability usability user experience visual design, content + development
  31. 31. Bad Usability
  32. 32. makes people feel dumb Bad Usability
  33. 33. makes people feel dumb Bad Usability is disrespectful
  34. 34. makes people feel dumb Bad Usability is disrespectful damages our clients’ credibility
  35. 35. Where would you rather put your money?
  36. 36. the only usability equation that matters Value > Pain
  37. 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. 38. What is this called?
  39. 39. What is this called?
  40. 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. 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. 42. Recognition rather than recall Usability Principles
  43. 43. Recognition rather than recall Usability Principles
  44. 44. Recognition rather than recall Usability Principles
  45. 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. 46. Match between system and the real world Usability Principles
  47. 47. Match between system and the real world Usability Principles
  48. 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. 49. Consistency and standards Usability Principles
  50. 50. Consistency and standards Usability Principles
  51. 51. 4 Error prevention Usability Principles Help users not make errors in the first place. Provide guidance and helpful design.
  52. 52. Error prevention Usability Principles
  53. 53. Error prevention Usability Principles
  54. 54. 5 Emergency exits Usability Principles Users often make mistakes. Help users avoid disaster by providing escape hatches and “undo” functionality.
  55. 55. Emergency Exits Usability Principles
  56. 56. Emergency Exits Usability Principles
  57. 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. 58. Help users recognize, diagnose, and recover from errors Usability Principles
  59. 59. Help users recognize, diagnose, and recover from errors Usability Principles
  60. 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. 61. Visibility of system status Usability Principles
  62. 62. Visibility of system status Usability Principles
  63. 63. Visibility of system status Usability Principles
  64. 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. 65. You are here Usability Principles
  66. 66. You are here Usability Principles
  67. 67. You are here Usability Principles
  68. 68. You are here Usability Principles
  69. 69. You are here Usability Principles
  70. 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. 71. Flexibility and efficiency of use Usability Principles
  72. 72. Flexibility and efficiency of use Usability Principles
  73. 73. Flexibility and efficiency of use Usability Principles
  74. 74. Flexibility and efficiency of use Usability Principles
  75. 75. Flexibility and efficiency of use Usability Principles
  76. 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. 77. Minimalist design Usability Principles
  78. 78. Minimalist design Usability Principles
  79. 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

×