SlideShare a Scribd company logo
MIRUM AGENCY 2014
Session3:
USABILITY FIRSTby Joan Lumanauw | May, 2015
=Usability User Experience
BRANDEXPERIENCE
Desirability
Utility
Usability
Love the brand
It looks beautiful
Easy to use
Product is useful
USER EXPERIENCE
BRANDEXPERIENCE
Desirability
Utility
Usability
Love the brand
It looks beautiful
Easy to use
Product
USER EXPERIENCE
is about task-based interactions.
It is the measure of a user’s ability to
use a product intuitively and easily.
It is also about increasing efficiency
and removing any obstacle or pain
point the users might encounter
while using the product.
Usability
Intuitive Design Learnability Efficiency of use Memorability Error Frequency
A nearly effortless
understanding of
the architecture and
navigation of the
site
How fast a user
who has never
seen the user
interface before
can accomplish
basic tasks
How fast an
experienced user can
accomplish tasks
After visiting the
site, if a user can
remember enough
to use it effectively
in future visits
How often users
make errors while
using the system,
how serious the
errors are, and how
users recover from
the errors
How to Measure Usability
http://www.nngroup.com/articles/usability-101-introduction-to-usability/
Just how do we achieve those 5 things?
THE USABILITY CHECKLIST
Well, we can start by using
1. Recognition over recall
2. Match between system and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where they are
THE USABILITY CHECKLIST
Place items on the page when and where users need them as they
move through the system. Don’t force people to remember things.
RECOGNITION OVER RECALL
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
RECOGNITION OVER RECALL
Place items on the page when and where users need them as they
move through the system. Don’t force people to remember things.
Email unsubscribe
button on
registration page
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
MATCH BETWEEN SYSTEM AND REAL LIFE
Speak the user’s language. Use familiar terms, phrases and
concepts, rather than system or business oriented words.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
MATCH BETWEEN SYSTEM AND REAL LIFE
Speak the user’s language. Use familiar terms, phrases and
concepts, rather than system or business oriented words.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
STANDARD & BEST PRACTICES
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.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
STANDARD & BEST PRACTICES
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.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
ERROR PREVENTION
Help users not make errors in the first place.
Provide guidance and helpful design.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
ERROR PREVENTION
Help users not make errors in the first place.
Provide guidance and helpful design.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
ERROR RECOGNITION
Help users recognise, diagnose, and recover from errors. Error
messages should be expressed in plain language, precisely
indicate the problem, and constructively suggest a solution.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
ERROR RECOGNITION
Help users recognise, diagnose, and recover from errors. Error
messages should be expressed in plain language, precisely
indicate the problem, and constructively suggest a solution.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
VISIBILITY OF SYSTEM STATUS
The system should always keep users informed about what is going
on, through appropriate feedback within a reasonable time.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
VISIBILITY OF SYSTEM STATUS
The system should always keep users informed about what is going
on, through appropriate feedback within a reasonable time.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
YOU ARE HERE
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.
1. Recognition over recall
2. Match between system
and real life
3. Standard & best practices
4. Error Prevention
5. Error Recognition
6. Visibility of System Status
7. Users should know where
they are
YOU ARE HERE
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.
ANY QUESTIONS?

More Related Content

What's hot

UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
Morgan McKeagney
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
Shrestha Raaz
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
Bruno Mendes
 
Ux design process
Ux design processUx design process
Ux design process
Junying Chang
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
aayush_jain_87
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
Michał Aleksander
 
UX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature AnalysisUX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature Analysis
Joan Lumanauw
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
Jeremy Robinson
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
Mohamed Shehata
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
Aciron Consulting
 
Basics of UX Research
Basics of UX ResearchBasics of UX Research
Basics of UX Research
The Wisdom Daily
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
Nardia Infotech
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User Research
Joan Lumanauw
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
What is UX?
What is UX?What is UX?
What is UX?
David Carr
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
Effective
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 

What's hot (20)

UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Ux design process
Ux design processUx design process
Ux design process
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
UX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature AnalysisUX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature Analysis
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
Basics of UX Research
Basics of UX ResearchBasics of UX Research
Basics of UX Research
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User Research
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
What is UX?
What is UX?What is UX?
What is UX?
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 

Viewers also liked

UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
Joan Lumanauw
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
Joan Lumanauw
 
The effects of digital devices
The effects of digital devicesThe effects of digital devices
The effects of digital devices
Greg Dillon
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
Peter Rozek
 
Ravensbourne_Identity_Rules_20.05.16_LOWRES
Ravensbourne_Identity_Rules_20.05.16_LOWRESRavensbourne_Identity_Rules_20.05.16_LOWRES
Ravensbourne_Identity_Rules_20.05.16_LOWRES
Ashar Ehsan
 
Towards a positioning
Towards a positioningTowards a positioning
Towards a positioning
Greg Dillon
 
Go Rhino Brand Identity Guidelines 2015
Go Rhino Brand Identity Guidelines 2015Go Rhino Brand Identity Guidelines 2015
Go Rhino Brand Identity Guidelines 2015
Mark Wronski
 
Performance and UX
Performance and UXPerformance and UX
Performance and UX
Peter Rozek
 
Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)
Adam Nash
 
SXSW - Open Leadership
SXSW - Open LeadershipSXSW - Open Leadership
SXSW - Open Leadership
Charlene Li
 
201606 - GreatDrams INTRO - LinkedIn
201606 - GreatDrams INTRO - LinkedIn201606 - GreatDrams INTRO - LinkedIn
201606 - GreatDrams INTRO - LinkedIn
Greg Dillon
 
ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)
Shawn Calvert
 
UX Design And The Mind (UX Design + Persuasion)
UX  Design And The  Mind (UX Design + Persuasion)UX  Design And The  Mind (UX Design + Persuasion)
UX Design And The Mind (UX Design + Persuasion)
Robert Neal
 
Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML Prototyping
Peter Rozek
 
Branding & Brand Identity for Business: A Foundation for Success
Branding & Brand Identity for Business: A Foundation for SuccessBranding & Brand Identity for Business: A Foundation for Success
Branding & Brand Identity for Business: A Foundation for Success
Valentino Sanna
 
PHILIPS (Brand Identity Guide. v. 03/2008)
PHILIPS (Brand Identity Guide. v. 03/2008)PHILIPS (Brand Identity Guide. v. 03/2008)
PHILIPS (Brand Identity Guide. v. 03/2008)
Paco Barranco
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
Chris Pallé
 
The Digital Marketing Workshop SXSW 2014
The Digital Marketing Workshop SXSW 2014The Digital Marketing Workshop SXSW 2014
The Digital Marketing Workshop SXSW 2014
Blake Robinson
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
Adryan Putra
 
Emotion Design - Brand & UI
Emotion Design - Brand & UIEmotion Design - Brand & UI
Emotion Design - Brand & UI
Thomas Fogarasy
 

Viewers also liked (20)

UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
The effects of digital devices
The effects of digital devicesThe effects of digital devices
The effects of digital devices
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
 
Ravensbourne_Identity_Rules_20.05.16_LOWRES
Ravensbourne_Identity_Rules_20.05.16_LOWRESRavensbourne_Identity_Rules_20.05.16_LOWRES
Ravensbourne_Identity_Rules_20.05.16_LOWRES
 
Towards a positioning
Towards a positioningTowards a positioning
Towards a positioning
 
Go Rhino Brand Identity Guidelines 2015
Go Rhino Brand Identity Guidelines 2015Go Rhino Brand Identity Guidelines 2015
Go Rhino Brand Identity Guidelines 2015
 
Performance and UX
Performance and UXPerformance and UX
Performance and UX
 
Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)
 
SXSW - Open Leadership
SXSW - Open LeadershipSXSW - Open Leadership
SXSW - Open Leadership
 
201606 - GreatDrams INTRO - LinkedIn
201606 - GreatDrams INTRO - LinkedIn201606 - GreatDrams INTRO - LinkedIn
201606 - GreatDrams INTRO - LinkedIn
 
ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)
 
UX Design And The Mind (UX Design + Persuasion)
UX  Design And The  Mind (UX Design + Persuasion)UX  Design And The  Mind (UX Design + Persuasion)
UX Design And The Mind (UX Design + Persuasion)
 
Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML Prototyping
 
Branding & Brand Identity for Business: A Foundation for Success
Branding & Brand Identity for Business: A Foundation for SuccessBranding & Brand Identity for Business: A Foundation for Success
Branding & Brand Identity for Business: A Foundation for Success
 
PHILIPS (Brand Identity Guide. v. 03/2008)
PHILIPS (Brand Identity Guide. v. 03/2008)PHILIPS (Brand Identity Guide. v. 03/2008)
PHILIPS (Brand Identity Guide. v. 03/2008)
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
 
The Digital Marketing Workshop SXSW 2014
The Digital Marketing Workshop SXSW 2014The Digital Marketing Workshop SXSW 2014
The Digital Marketing Workshop SXSW 2014
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
 
Emotion Design - Brand & UI
Emotion Design - Brand & UIEmotion Design - Brand & UI
Emotion Design - Brand & UI
 

Similar to UX lesson 3: Usability First

The 10 Usability Commandments
The 10 Usability CommandmentsThe 10 Usability Commandments
The 10 Usability Commandments
sytnik
 
Intro to user experience design
Intro to user experience designIntro to user experience design
Intro to user experience design
yaluna
 
Ten Usability Heuristics by Jakob Nielsen.pptx
Ten Usability Heuristics by Jakob Nielsen.pptxTen Usability Heuristics by Jakob Nielsen.pptx
Ten Usability Heuristics by Jakob Nielsen.pptx
sharmiladevi941
 
Eindpresentatie usability engels
Eindpresentatie usability engelsEindpresentatie usability engels
Eindpresentatie usability engels
Hanzehogeschool
 
Concept Presentation
Concept PresentationConcept Presentation
Concept Presentation
Christine Rosakranse
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptx
Raja980775
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
Preeti Mishra
 
10th heuristic evaluation
10th heuristic evaluation10th heuristic evaluation
10th heuristic evaluation
Tenia Wahyuningrum
 
Heuristic principles
Heuristic principlesHeuristic principles
Heuristic principles
Swathy Tantry
 
Ingredient of awesome app - DroidCon Paris 2014
Ingredient of awesome app - DroidCon Paris 2014Ingredient of awesome app - DroidCon Paris 2014
Ingredient of awesome app - DroidCon Paris 2014
Paris Android User Group
 
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
Objective Experience
 
Colleges yvonne van_laarhoven
Colleges yvonne van_laarhovenColleges yvonne van_laarhoven
Colleges yvonne van_laarhoven
Digital Power
 
An Introduction to Usability
An Introduction to UsabilityAn Introduction to Usability
An Introduction to Usability
dirk.swart
 
Art Center Interactive Design 4 - #4 Usability Testing
Art Center Interactive Design 4 - #4 Usability TestingArt Center Interactive Design 4 - #4 Usability Testing
Art Center Interactive Design 4 - #4 Usability Testing
Joy Liu
 
BuildETH
BuildETHBuildETH
BuildETH
Jonny Howle
 
Design Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - Presentation
MobileNepal
 
Megan McKeever - design
Megan McKeever - designMegan McKeever - design
Megan McKeever - design
mmm5014
 
Did you check the UX Quality?-Rajarshi Ray
Did you check the UX Quality?-Rajarshi RayDid you check the UX Quality?-Rajarshi Ray
Did you check the UX Quality?-Rajarshi Ray
bhumika2108
 
hci Evaluation Techniques.pptx
 hci Evaluation Techniques.pptx hci Evaluation Techniques.pptx
hci Evaluation Techniques.pptx
SamanJabbarSamanJabb
 
Cheating your way through Web Testing
Cheating your way through Web Testing Cheating your way through Web Testing
Cheating your way through Web Testing
Qualitest
 

Similar to UX lesson 3: Usability First (20)

The 10 Usability Commandments
The 10 Usability CommandmentsThe 10 Usability Commandments
The 10 Usability Commandments
 
Intro to user experience design
Intro to user experience designIntro to user experience design
Intro to user experience design
 
Ten Usability Heuristics by Jakob Nielsen.pptx
Ten Usability Heuristics by Jakob Nielsen.pptxTen Usability Heuristics by Jakob Nielsen.pptx
Ten Usability Heuristics by Jakob Nielsen.pptx
 
Eindpresentatie usability engels
Eindpresentatie usability engelsEindpresentatie usability engels
Eindpresentatie usability engels
 
Concept Presentation
Concept PresentationConcept Presentation
Concept Presentation
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptx
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
10th heuristic evaluation
10th heuristic evaluation10th heuristic evaluation
10th heuristic evaluation
 
Heuristic principles
Heuristic principlesHeuristic principles
Heuristic principles
 
Ingredient of awesome app - DroidCon Paris 2014
Ingredient of awesome app - DroidCon Paris 2014Ingredient of awesome app - DroidCon Paris 2014
Ingredient of awesome app - DroidCon Paris 2014
 
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
 
Colleges yvonne van_laarhoven
Colleges yvonne van_laarhovenColleges yvonne van_laarhoven
Colleges yvonne van_laarhoven
 
An Introduction to Usability
An Introduction to UsabilityAn Introduction to Usability
An Introduction to Usability
 
Art Center Interactive Design 4 - #4 Usability Testing
Art Center Interactive Design 4 - #4 Usability TestingArt Center Interactive Design 4 - #4 Usability Testing
Art Center Interactive Design 4 - #4 Usability Testing
 
BuildETH
BuildETHBuildETH
BuildETH
 
Design Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - Presentation
 
Megan McKeever - design
Megan McKeever - designMegan McKeever - design
Megan McKeever - design
 
Did you check the UX Quality?-Rajarshi Ray
Did you check the UX Quality?-Rajarshi RayDid you check the UX Quality?-Rajarshi Ray
Did you check the UX Quality?-Rajarshi Ray
 
hci Evaluation Techniques.pptx
 hci Evaluation Techniques.pptx hci Evaluation Techniques.pptx
hci Evaluation Techniques.pptx
 
Cheating your way through Web Testing
Cheating your way through Web Testing Cheating your way through Web Testing
Cheating your way through Web Testing
 

Recently uploaded

一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
w26izoeb
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
wkip62b
 
Delhi Call Girls 📞 9873940964 ❤️ Full enjoy at your Door Step Available 24x7
Delhi Call Girls 📞 9873940964 ❤️ Full enjoy at your Door Step Available 24x7Delhi Call Girls 📞 9873940964 ❤️ Full enjoy at your Door Step Available 24x7
Delhi Call Girls 📞 9873940964 ❤️ Full enjoy at your Door Step Available 24x7
yesp58846
 
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
bljeremy734
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
ka3y2ukz
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
67n7f53
 
Update 33 models(General Diode ) in SPICE PARK(JUN2024)
Update 33 models(General Diode ) in SPICE PARK(JUN2024)Update 33 models(General Diode ) in SPICE PARK(JUN2024)
Update 33 models(General Diode ) in SPICE PARK(JUN2024)
Tsuyoshi Horigome
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
aonx8o5f
 
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
bel9p89b
 
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
batchelorerbm45967
 
Call Girls Ahmedabad( 🤑 7488326553 🤑) Vip Call Girl Ahmedabad
Call Girls Ahmedabad( 🤑 7488326553 🤑) Vip Call Girl AhmedabadCall Girls Ahmedabad( 🤑 7488326553 🤑) Vip Call Girl Ahmedabad
Call Girls Ahmedabad( 🤑 7488326553 🤑) Vip Call Girl Ahmedabad
babesbookhot
 
一比一原版美国加州大学戴维斯分校毕业证(ucdavis学位证)如何办理
一比一原版美国加州大学戴维斯分校毕业证(ucdavis学位证)如何办理一比一原版美国加州大学戴维斯分校毕业证(ucdavis学位证)如何办理
一比一原版美国加州大学戴维斯分校毕业证(ucdavis学位证)如何办理
twqryq79
 
Connaught Place Call Girls 📞 9711199171 ❤️ Full enjoy at your Door Step Avail...
Connaught Place Call Girls 📞 9711199171 ❤️ Full enjoy at your Door Step Avail...Connaught Place Call Girls 📞 9711199171 ❤️ Full enjoy at your Door Step Avail...
Connaught Place Call Girls 📞 9711199171 ❤️ Full enjoy at your Door Step Avail...
yesp58846
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
ynrtjotp
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
p74xokfq
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
k4krdgxx
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
k4krdgxx
 
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
10h6bbc4
 
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
kohd1ci2
 

Recently uploaded (20)

一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
 
Delhi Call Girls 📞 9873940964 ❤️ Full enjoy at your Door Step Available 24x7
Delhi Call Girls 📞 9873940964 ❤️ Full enjoy at your Door Step Available 24x7Delhi Call Girls 📞 9873940964 ❤️ Full enjoy at your Door Step Available 24x7
Delhi Call Girls 📞 9873940964 ❤️ Full enjoy at your Door Step Available 24x7
 
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
 
Update 33 models(General Diode ) in SPICE PARK(JUN2024)
Update 33 models(General Diode ) in SPICE PARK(JUN2024)Update 33 models(General Diode ) in SPICE PARK(JUN2024)
Update 33 models(General Diode ) in SPICE PARK(JUN2024)
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
 
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
 
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
 
Call Girls Ahmedabad( 🤑 7488326553 🤑) Vip Call Girl Ahmedabad
Call Girls Ahmedabad( 🤑 7488326553 🤑) Vip Call Girl AhmedabadCall Girls Ahmedabad( 🤑 7488326553 🤑) Vip Call Girl Ahmedabad
Call Girls Ahmedabad( 🤑 7488326553 🤑) Vip Call Girl Ahmedabad
 
一比一原版美国加州大学戴维斯分校毕业证(ucdavis学位证)如何办理
一比一原版美国加州大学戴维斯分校毕业证(ucdavis学位证)如何办理一比一原版美国加州大学戴维斯分校毕业证(ucdavis学位证)如何办理
一比一原版美国加州大学戴维斯分校毕业证(ucdavis学位证)如何办理
 
Connaught Place Call Girls 📞 9711199171 ❤️ Full enjoy at your Door Step Avail...
Connaught Place Call Girls 📞 9711199171 ❤️ Full enjoy at your Door Step Avail...Connaught Place Call Girls 📞 9711199171 ❤️ Full enjoy at your Door Step Avail...
Connaught Place Call Girls 📞 9711199171 ❤️ Full enjoy at your Door Step Avail...
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
 
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
 
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
 

UX lesson 3: Usability First

  • 1. MIRUM AGENCY 2014 Session3: USABILITY FIRSTby Joan Lumanauw | May, 2015
  • 3. BRANDEXPERIENCE Desirability Utility Usability Love the brand It looks beautiful Easy to use Product is useful USER EXPERIENCE
  • 4. BRANDEXPERIENCE Desirability Utility Usability Love the brand It looks beautiful Easy to use Product USER EXPERIENCE
  • 5. is about task-based interactions. It is the measure of a user’s ability to use a product intuitively and easily. It is also about increasing efficiency and removing any obstacle or pain point the users might encounter while using the product. Usability
  • 6. Intuitive Design Learnability Efficiency of use Memorability Error Frequency A nearly effortless understanding of the architecture and navigation of the site How fast a user who has never seen the user interface before can accomplish basic tasks How fast an experienced user can accomplish tasks After visiting the site, if a user can remember enough to use it effectively in future visits How often users make errors while using the system, how serious the errors are, and how users recover from the errors How to Measure Usability http://www.nngroup.com/articles/usability-101-introduction-to-usability/
  • 7. Just how do we achieve those 5 things?
  • 8. THE USABILITY CHECKLIST Well, we can start by using
  • 9. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are THE USABILITY CHECKLIST
  • 10. Place items on the page when and where users need them as they move through the system. Don’t force people to remember things. RECOGNITION OVER RECALL 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are
  • 11. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are RECOGNITION OVER RECALL Place items on the page when and where users need them as they move through the system. Don’t force people to remember things. Email unsubscribe button on registration page
  • 12. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are MATCH BETWEEN SYSTEM AND REAL LIFE Speak the user’s language. Use familiar terms, phrases and concepts, rather than system or business oriented words.
  • 13. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are MATCH BETWEEN SYSTEM AND REAL LIFE Speak the user’s language. Use familiar terms, phrases and concepts, rather than system or business oriented words.
  • 14. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are STANDARD & BEST PRACTICES 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.
  • 15. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are STANDARD & BEST PRACTICES 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.
  • 16. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are ERROR PREVENTION Help users not make errors in the first place. Provide guidance and helpful design.
  • 17. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are ERROR PREVENTION Help users not make errors in the first place. Provide guidance and helpful design.
  • 18. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are ERROR RECOGNITION Help users recognise, diagnose, and recover from errors. Error messages should be expressed in plain language, precisely indicate the problem, and constructively suggest a solution.
  • 19. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are ERROR RECOGNITION Help users recognise, diagnose, and recover from errors. Error messages should be expressed in plain language, precisely indicate the problem, and constructively suggest a solution.
  • 20. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are VISIBILITY OF SYSTEM STATUS The system should always keep users informed about what is going on, through appropriate feedback within a reasonable time.
  • 21. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are VISIBILITY OF SYSTEM STATUS The system should always keep users informed about what is going on, through appropriate feedback within a reasonable time.
  • 22. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are YOU ARE HERE 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.
  • 23. 1. Recognition over recall 2. Match between system and real life 3. Standard & best practices 4. Error Prevention 5. Error Recognition 6. Visibility of System Status 7. Users should know where they are YOU ARE HERE 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.