SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Sivaprasath Selvaraj
 
How to Integrate UX and Agile
How to Integrate UX and AgileHow to Integrate UX and Agile
How to Integrate UX and Agile
UserZoom
 

What's hot (20)

Heuristic Evaluation based on Nielsen's 10 Usability Heuristics
Heuristic Evaluation based on Nielsen's 10 Usability HeuristicsHeuristic Evaluation based on Nielsen's 10 Usability Heuristics
Heuristic Evaluation based on Nielsen's 10 Usability Heuristics
 
UX in a Nutshell
UX in a NutshellUX in a Nutshell
UX in a Nutshell
 
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)
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
Universal Usability
Universal UsabilityUniversal Usability
Universal Usability
 
UX Research - The Most Powerful Tool in Your Kit
UX Research - The Most Powerful Tool in Your KitUX Research - The Most Powerful Tool in Your Kit
UX Research - The Most Powerful Tool in Your Kit
 
Usability Testing 101 - an introduction
Usability Testing 101 - an introductionUsability Testing 101 - an introduction
Usability Testing 101 - an introduction
 
Accessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiencesAccessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiences
 
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
 
What is Information Architecture?
What is Information Architecture?What is Information Architecture?
What is Information Architecture?
 
A Workshop on UX Design and Storyboarding
A Workshop on UX Design and StoryboardingA Workshop on UX Design and Storyboarding
A Workshop on UX Design and Storyboarding
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
 
Usability testing
Usability testing  Usability testing
Usability testing
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
Introduction to Usability Testing: The DIY Approach - GA, London January 13th...
Introduction to Usability Testing: The DIY Approach - GA, London January 13th...Introduction to Usability Testing: The DIY Approach - GA, London January 13th...
Introduction to Usability Testing: The DIY Approach - GA, London January 13th...
 
How to Integrate UX and Agile
How to Integrate UX and AgileHow to Integrate UX and Agile
How to Integrate UX and Agile
 
User Research 101
User Research 101User Research 101
User Research 101
 
User Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersUser Experience Design: A Primer for Marketers
User Experience Design: A Primer for Marketers
 

Viewers also liked

Viewers also liked (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
 
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
 
Usability Testing
Usability TestingUsability Testing
Usability Testing
 
Usability 2.0
Usability 2.0Usability 2.0
Usability 2.0
 

Similar to Introduction to Usability

Usability
UsabilityUsability
Usability
atrips
 

Similar to 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
 

More from 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
 

Recently uploaded

RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 
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
 
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
 

Recently uploaded (20)

RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
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
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
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...
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 
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...
 
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)
 
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...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
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...
 
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...
 
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
 
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...
 

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