A basic introduction to the 10 principles of usability.

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

29. usability usability

30. usability usability
visual design, content + development

31. usability usability
user
experience
visual design, content + development

32. Bad Usability

33. makes people feel dumb
Bad Usability

34. makes people feel dumb
Bad Usability
is disrespectful

35. makes people feel dumb
Bad Usability
is disrespectful
damages our clients’ credibility

36. Where would you rather put your money?

37. the only usability equation that matters
Value > Pain

38. 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

39. What is this called?

40. What is this called?

41. 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

42. 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.

43. Recognition rather than recall
Usability Principles

44. Recognition rather than recall
Usability Principles

45. Recognition rather than recall
Usability Principles

46. 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.

47. Match between system and the real world
Usability Principles

48. Match between system and the real world
Usability Principles

49. 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.

50. Consistency and standards
Usability Principles

51. Consistency and standards
Usability Principles

52. 4 Error prevention
Usability Principles
Help users not make errors in the first place.
Provide guidance and helpful design.

53. Error prevention
Usability Principles

54. Error prevention
Usability Principles

55. 5 Emergency exits
Usability Principles
Users often make mistakes.
Help users avoid disaster by providing escape hatches
and “undo” functionality.

56. Emergency Exits
Usability Principles

57. Emergency Exits
Usability Principles

58. 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.

59. Help users recognize, diagnose, and recover from errors
Usability Principles

60. Help users recognize, diagnose, and recover from errors
Usability Principles

61. 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.

62. Visibility of system status
Usability Principles

63. Visibility of system status
Usability Principles

64. Visibility of system status
Usability Principles

65. 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.

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. You are here
Usability Principles

71. 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.

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. Flexibility and efficiency of use
Usability Principles

77. 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.

78. Minimalist design
Usability Principles

79. Minimalist design
Usability Principles

80. 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