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

User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
David Little
 

Tendances (20)

Heuristic evaluation
Heuristic evaluationHeuristic evaluation
Heuristic evaluation
 
Universal Usability
Universal UsabilityUniversal Usability
Universal Usability
 
User Experience Audit by Gridle
User Experience Audit by GridleUser Experience Audit by Gridle
User Experience Audit by Gridle
 
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
 
Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Module 1st USER INTERFACE DESIGN (15CS832) - VTU Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Module 1st USER INTERFACE DESIGN (15CS832) - VTU
 
Heuristic Review Presentation
Heuristic Review PresentationHeuristic Review Presentation
Heuristic Review Presentation
 
10 Usability Heuristics explained
10 Usability Heuristics explained10 Usability Heuristics explained
10 Usability Heuristics explained
 
HCI 3e - Ch 8: Implementation support
HCI 3e - Ch 8:  Implementation supportHCI 3e - Ch 8:  Implementation support
HCI 3e - Ch 8: Implementation support
 
What is User Centered Design?
What is User Centered Design?What is User Centered Design?
What is User Centered Design?
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User Research
 
The Elements Of User Experience
The Elements Of User ExperienceThe Elements Of User Experience
The Elements Of User Experience
 
Melewi UX audit
Melewi UX auditMelewi UX audit
Melewi UX audit
 
User Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and AccessibilityUser Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and Accessibility
 
Heuristic evaluation principles
Heuristic evaluation principlesHeuristic evaluation principles
Heuristic evaluation principles
 
How can I test my website for accessibility?
How can I test my website for accessibility?How can I test my website for accessibility?
How can I test my website for accessibility?
 
User Research 101
User Research 101User Research 101
User Research 101
 
Affordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hciAffordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hci
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User Experience
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 

En vedette

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

Usability
UsabilityUsability
Usability
atrips
 

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 (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

Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night StandCall Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
amitlee9823
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 

Dernier (20)

UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Book Paid In Vashi In 8976425520 Navi Mumbai Call GirlsBook Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night StandCall Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 

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