SlideShare une entreprise Scribd logo
1  sur  80
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!
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 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?
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






Visual
Design
Interaction
Design
Usability is 1/4 of UX
Usability
Information
Architecture
Users Content
Context
Principles of
Usability






Visual
Design
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?
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 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
What is this called?
What is this called?
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
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.
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 concepts,
rather than system- or business-oriented terms.
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.
They’ll be expecting certain patterns of how things
should be named and how they work.
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
and “undo” functionality.
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 language,
precisely indicate the problem, and constructively
suggest a solution.
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, through appropriate feedback within a
reasonable time.
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 interfaces should show the number of steps,
progress, and the expected duration.
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 advanced users.
Allow users the freedom to explore content, and a
reasonable amount of control over their experience.
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 extra piece of information competes with the
relevant bits of information and diminishes their
visibility.
Minimalist design
Usability Principles
Minimalist design
Usability Principles
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

Contenu connexe

Tendances

Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principlesDzung Nguyen
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To UsabilityOvidiu Von M
 
HCI 3e - Ch 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User supportAlan Dix
 
USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTUSER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTvicci4041
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docxRiniyaMary
 
User Interface Design Chapter 2 Galiz
User Interface Design Chapter 2 GalizUser Interface Design Chapter 2 Galiz
User Interface Design Chapter 2 GalizLatesh Malik
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX IntroductionPhuong Hoang Vu
 
User Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessUser Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessbrindaN
 
SELECT THE PROPER KINDS OF WINDOWS
SELECT THE PROPER KINDS OF WINDOWSSELECT THE PROPER KINDS OF WINDOWS
SELECT THE PROPER KINDS OF WINDOWSDhanya LK
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and PrinciplesPeeyush Sahu CAPM®
 
UX 101: User Research methods to kickstart your project
UX 101: User Research methods to kickstart your projectUX 101: User Research methods to kickstart your project
UX 101: User Research methods to kickstart your projectCharlotte Breton Schreiner
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionbrindaN
 
Human computer interaction 3 4(revised)
Human computer interaction 3 4(revised)Human computer interaction 3 4(revised)
Human computer interaction 3 4(revised)emaan waseem
 
The Elements of User Experience
The Elements of User Experience The Elements of User Experience
The Elements of User Experience brandextract
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 

Tendances (20)

Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principles
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 
HCI 3e - Ch 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User support
 
USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTUSER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPT
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
 
User Interface Design Chapter 2 Galiz
User Interface Design Chapter 2 GalizUser Interface Design Chapter 2 Galiz
User Interface Design Chapter 2 Galiz
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction
 
User interface-design
User interface-designUser interface-design
User interface-design
 
User Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessUser Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid Process
 
SELECT THE PROPER KINDS OF WINDOWS
SELECT THE PROPER KINDS OF WINDOWSSELECT THE PROPER KINDS OF WINDOWS
SELECT THE PROPER KINDS OF WINDOWS
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
UX 101: User Research methods to kickstart your project
UX 101: User Research methods to kickstart your projectUX 101: User Research methods to kickstart your project
UX 101: User Research methods to kickstart your project
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
Ui design
Ui designUi design
Ui design
 
Human computer interaction 3 4(revised)
Human computer interaction 3 4(revised)Human computer interaction 3 4(revised)
Human computer interaction 3 4(revised)
 
What is UX?
What is UX?What is UX?
What is UX?
 
The Elements of User Experience
The Elements of User Experience The Elements of User Experience
The Elements of User Experience
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 

En vedette

The Creative Brief: A Research Project
The Creative Brief: A Research ProjectThe Creative Brief: A Research Project
The Creative Brief: A Research ProjectJasmin Cheng
 
Innovation vs. Creativity
Innovation vs. CreativityInnovation vs. Creativity
Innovation vs. CreativitySaneel Radia
 
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #1
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #1Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #1
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #1Arry Rahmawan
 
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #2
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #2Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #2
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #2Arry Rahmawan
 
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #3
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #3Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #3
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #3Arry Rahmawan
 
Creative Thinking
Creative ThinkingCreative Thinking
Creative ThinkingTony Yoo
 
Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Domain7
 
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #5
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #5Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #5
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #5Arry Rahmawan
 
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #4
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #4Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #4
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #4Arry Rahmawan
 
Contoh Presentasi Power Point Tentang Pendidikan
Contoh Presentasi Power Point Tentang PendidikanContoh Presentasi Power Point Tentang Pendidikan
Contoh Presentasi Power Point Tentang PendidikanMustofa Thovids
 
Prototyping and Usability Testing your designs
Prototyping and Usability Testing your designsPrototyping and Usability Testing your designs
Prototyping and Usability Testing your designsElizabeth Snowdon
 
Healthcare Napkins All
Healthcare Napkins AllHealthcare Napkins All
Healthcare Napkins AllDan Roam
 

En vedette (20)

The Creative Brief: A Research Project
The Creative Brief: A Research ProjectThe Creative Brief: A Research Project
The Creative Brief: A Research Project
 
Innovation vs. Creativity
Innovation vs. CreativityInnovation vs. Creativity
Innovation vs. Creativity
 
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #1
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #1Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #1
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #1
 
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #2
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #2Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #2
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #2
 
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #3
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #3Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #3
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #3
 
Creative Thinking
Creative ThinkingCreative Thinking
Creative Thinking
 
Zimbabwe in Crisis
Zimbabwe in CrisisZimbabwe in Crisis
Zimbabwe in Crisis
 
Shift Happens
Shift HappensShift Happens
Shift Happens
 
Feels Bad On The Back
Feels Bad On The BackFeels Bad On The Back
Feels Bad On The Back
 
Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?
 
What Is Usability?
What Is Usability?What Is Usability?
What Is Usability?
 
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #5
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #5Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #5
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #5
 
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #4
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #4Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #4
Contoh Desain Slide Presentasi Ilmiah Kreatif dan Menarik #4
 
Social Media for Business
Social Media for BusinessSocial Media for Business
Social Media for Business
 
Contoh Presentasi Power Point Tentang Pendidikan
Contoh Presentasi Power Point Tentang PendidikanContoh Presentasi Power Point Tentang Pendidikan
Contoh Presentasi Power Point Tentang Pendidikan
 
Prototyping and Usability Testing your designs
Prototyping and Usability Testing your designsPrototyping and Usability Testing your designs
Prototyping and Usability Testing your designs
 
Healthcare Napkins All
Healthcare Napkins AllHealthcare Napkins All
Healthcare Napkins All
 
Sheltering Wings
Sheltering WingsSheltering Wings
Sheltering Wings
 
THIRST
THIRSTTHIRST
THIRST
 
Foot Notes
Foot NotesFoot Notes
Foot Notes
 

Similaire à Introduction to Usability

Assessing the quality of usability
Assessing the quality of usabilityAssessing the quality of usability
Assessing the quality of usabilityAditya Karle
 
User testing on a diet
User testing on a dietUser testing on a diet
User testing on a dietPaul Veugen
 
UX lesson 3: Usability First
UX lesson 3: Usability FirstUX lesson 3: Usability First
UX lesson 3: Usability FirstJoan Lumanauw
 
ASSESSING THE QUALITY OF USABILTY
ASSESSING THE QUALITY OF USABILTYASSESSING THE QUALITY OF USABILTY
ASSESSING THE QUALITY OF USABILTYRadhika Dilip Kale
 
Applied Ethics PowerPoint Presentation Slides
Applied Ethics PowerPoint Presentation SlidesApplied Ethics PowerPoint Presentation Slides
Applied Ethics PowerPoint Presentation SlidesSlideTeam
 
Usability
UsabilityUsability
Usabilityatrips
 
Applied Ethics PowerPoint Presentation Slides
Applied Ethics PowerPoint Presentation SlidesApplied Ethics PowerPoint Presentation Slides
Applied Ethics PowerPoint Presentation SlidesSlideTeam
 
Operating Model Ppt Infographics Graphics Template Mission And Guiding Princi...
Operating Model Ppt Infographics Graphics Template Mission And Guiding Princi...Operating Model Ppt Infographics Graphics Template Mission And Guiding Princi...
Operating Model Ppt Infographics Graphics Template Mission And Guiding Princi...SlideTeam
 
UX Lead Product Management
UX Lead Product ManagementUX Lead Product Management
UX Lead Product ManagementJohn Wyatt
 
Operating Model PPT Infographics Graphics Template Mission And Guiding Princi...
Operating Model PPT Infographics Graphics Template Mission And Guiding Princi...Operating Model PPT Infographics Graphics Template Mission And Guiding Princi...
Operating Model PPT Infographics Graphics Template Mission And Guiding Princi...SlideTeam
 
How to do usability testing and eye tracking
How to do usability testing and eye trackingHow to do usability testing and eye tracking
How to do usability testing and eye trackingObjective Experience
 
Usability--What is it?
Usability--What is it?Usability--What is it?
Usability--What is it?Ann Krause
 
Audit Checklist For Information Systems Complete PowerPoint Deck With Slides
Audit Checklist For Information Systems Complete PowerPoint Deck With SlidesAudit Checklist For Information Systems Complete PowerPoint Deck With Slides
Audit Checklist For Information Systems Complete PowerPoint Deck With SlidesSlideTeam
 
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners   Experience Dynamics Web SeminarUsability Tips And Tricks For Beginners   Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners Experience Dynamics Web SeminarExperience Dynamics
 
Business Ethics PowerPoint Presentation Slides
Business Ethics PowerPoint Presentation SlidesBusiness Ethics PowerPoint Presentation Slides
Business Ethics PowerPoint Presentation SlidesSlideTeam
 
A Strategic Approach to User Experience
A Strategic Approach to User ExperienceA Strategic Approach to User Experience
A Strategic Approach to User ExperienceErik Hagborg
 
Usability - what is it & why is it important
Usability - what is it & why is it importantUsability - what is it & why is it important
Usability - what is it & why is it importantJacqueline (Jax) Wechsler
 
Usability for everyone : Google I/O Extended 2018
Usability for everyone : Google I/O Extended 2018Usability for everyone : Google I/O Extended 2018
Usability for everyone : Google I/O Extended 2018Jagriti Pande
 
Customer Experience Strategy Ppt Outline Example Introduction Adapt Strategy
Customer Experience Strategy Ppt Outline Example Introduction Adapt StrategyCustomer Experience Strategy Ppt Outline Example Introduction Adapt Strategy
Customer Experience Strategy Ppt Outline Example Introduction Adapt StrategySlideTeam
 

Similaire à Introduction to Usability (20)

Assessing the quality of usability
Assessing the quality of usabilityAssessing the quality of usability
Assessing the quality of usability
 
User testing on a diet
User testing on a dietUser testing on a diet
User testing on a diet
 
UX lesson 3: Usability First
UX lesson 3: Usability FirstUX lesson 3: Usability First
UX lesson 3: Usability First
 
ASSESSING THE QUALITY OF USABILTY
ASSESSING THE QUALITY OF USABILTYASSESSING THE QUALITY OF USABILTY
ASSESSING THE QUALITY OF USABILTY
 
Applied Ethics PowerPoint Presentation Slides
Applied Ethics PowerPoint Presentation SlidesApplied Ethics PowerPoint Presentation Slides
Applied Ethics PowerPoint Presentation Slides
 
Usability
UsabilityUsability
Usability
 
Applied Ethics PowerPoint Presentation Slides
Applied Ethics PowerPoint Presentation SlidesApplied Ethics PowerPoint Presentation Slides
Applied Ethics PowerPoint Presentation Slides
 
Operating Model Ppt Infographics Graphics Template Mission And Guiding Princi...
Operating Model Ppt Infographics Graphics Template Mission And Guiding Princi...Operating Model Ppt Infographics Graphics Template Mission And Guiding Princi...
Operating Model Ppt Infographics Graphics Template Mission And Guiding Princi...
 
UX Lead Product Management
UX Lead Product ManagementUX Lead Product Management
UX Lead Product Management
 
Usability Testing | Sneak Peak
Usability Testing | Sneak PeakUsability Testing | Sneak Peak
Usability Testing | Sneak Peak
 
Operating Model PPT Infographics Graphics Template Mission And Guiding Princi...
Operating Model PPT Infographics Graphics Template Mission And Guiding Princi...Operating Model PPT Infographics Graphics Template Mission And Guiding Princi...
Operating Model PPT Infographics Graphics Template Mission And Guiding Princi...
 
How to do usability testing and eye tracking
How to do usability testing and eye trackingHow to do usability testing and eye tracking
How to do usability testing and eye tracking
 
Usability--What is it?
Usability--What is it?Usability--What is it?
Usability--What is it?
 
Audit Checklist For Information Systems Complete PowerPoint Deck With Slides
Audit Checklist For Information Systems Complete PowerPoint Deck With SlidesAudit Checklist For Information Systems Complete PowerPoint Deck With Slides
Audit Checklist For Information Systems Complete PowerPoint Deck With Slides
 
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners   Experience Dynamics Web SeminarUsability Tips And Tricks For Beginners   Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
 
Business Ethics PowerPoint Presentation Slides
Business Ethics PowerPoint Presentation SlidesBusiness Ethics PowerPoint Presentation Slides
Business Ethics PowerPoint Presentation Slides
 
A Strategic Approach to User Experience
A Strategic Approach to User ExperienceA Strategic Approach to User Experience
A Strategic Approach to User Experience
 
Usability - what is it & why is it important
Usability - what is it & why is it importantUsability - what is it & why is it important
Usability - what is it & why is it important
 
Usability for everyone : Google I/O Extended 2018
Usability for everyone : Google I/O Extended 2018Usability for everyone : Google I/O Extended 2018
Usability for everyone : Google I/O Extended 2018
 
Customer Experience Strategy Ppt Outline Example Introduction Adapt Strategy
Customer Experience Strategy Ppt Outline Example Introduction Adapt StrategyCustomer Experience Strategy Ppt Outline Example Introduction Adapt Strategy
Customer Experience Strategy Ppt Outline Example Introduction Adapt Strategy
 

Plus de Gretchen Thomas

Service Design: an introduction
Service Design: an introductionService Design: an introduction
Service Design: an introductionGretchen Thomas
 
THIS RELATIONSHIP NEEDS WORK: using empathy to drive innovation and creativity
THIS RELATIONSHIP NEEDS WORK: using empathy to drive innovation and creativityTHIS RELATIONSHIP NEEDS WORK: using empathy to drive innovation and creativity
THIS RELATIONSHIP NEEDS WORK: using empathy to drive innovation and creativityGretchen Thomas
 
User Experience Design: It's a Thing Now
User Experience Design: It's a Thing NowUser Experience Design: It's a Thing Now
User Experience Design: It's a Thing NowGretchen Thomas
 
Mobile Design is for Mobile Users
Mobile Design is for Mobile UsersMobile Design is for Mobile Users
Mobile Design is for Mobile UsersGretchen Thomas
 
Personas! They Make Everyone Happy
Personas! They Make Everyone HappyPersonas! They Make Everyone Happy
Personas! They Make Everyone HappyGretchen Thomas
 
Content Strategy: It's Not All Greek
Content Strategy: It's Not All GreekContent Strategy: It's Not All Greek
Content Strategy: It's Not All GreekGretchen Thomas
 

Plus de Gretchen Thomas (8)

User Experience 102
User Experience 102User Experience 102
User Experience 102
 
Service Design: an introduction
Service Design: an introductionService Design: an introduction
Service Design: an introduction
 
THIS RELATIONSHIP NEEDS WORK: using empathy to drive innovation and creativity
THIS RELATIONSHIP NEEDS WORK: using empathy to drive innovation and creativityTHIS RELATIONSHIP NEEDS WORK: using empathy to drive innovation and creativity
THIS RELATIONSHIP NEEDS WORK: using empathy to drive innovation and creativity
 
User Experience Design: It's a Thing Now
User Experience Design: It's a Thing NowUser Experience Design: It's a Thing Now
User Experience Design: It's a Thing Now
 
Experience Strategy
Experience StrategyExperience Strategy
Experience Strategy
 
Mobile Design is for Mobile Users
Mobile Design is for Mobile UsersMobile Design is for Mobile Users
Mobile Design is for Mobile Users
 
Personas! They Make Everyone Happy
Personas! They Make Everyone HappyPersonas! They Make Everyone Happy
Personas! They Make Everyone Happy
 
Content Strategy: It's Not All Greek
Content Strategy: It's Not All GreekContent Strategy: It's Not All Greek
Content Strategy: It's Not All Greek
 

Dernier

Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 

Dernier (20)

Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 

Introduction to 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
  • 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
  • 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?
  • 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.
  • 30. usability usability visual design, content + development
  • 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.
  • 52. 4 Error prevention Usability Principles Help users not make errors in the first place. Provide guidance and helpful design.
  • 55. 5 Emergency exits Usability Principles Users often make mistakes. Help users avoid disaster by providing escape hatches and “undo” functionality.
  • 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.
  • 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.
  • 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