SlideShare a Scribd company logo
Evaluate User Interfaces
with Nielsen’s Heuristic Principles
Why do we need DIY methods?
The same reason why we test our systems
for functionality, before giving it out for use.
Qualitative Methods
● Cognitive Walkthrough
● Expert Evaluation
● Heuristic Evaluation
Quantitative Methods
● KLM, GOMS and other formal analysis
● Informal Action Analysis
Heuristic Evaluation
Latest version is 1995a listed here:
https://www.nngroup.com/articles/ten-usabilit
y-heuristics/
Evaluation Plan
Examine
● Get trained
● Each heuristic expert will evaluate
List
● Individually list down problems found based
on 10 principles of heuristic evaluation
Collate
● Club all problems of all evaluators in a caveat
● Rank on the basis of severity
Fix ● You’re already an expert on that!
Heuristic ~
Dictionary meaning
Enabling a person to discover or learn
something for themselves: a “hands-on” or
interactive heuristic approach to learning.
# 1
Visibility of
System Status
The system should always keep users
informed about what is going on,
through appropriate feedback within
reasonable time.
Which is the most important status we
want to know these days?!
● Browser/App/Program name
● Favicon
● Logo
● Page heading
● Section heading
● Selected Tab
● Progress bar
● Loader
● Micro interactions
● Click/Hover/Any event Interaction
● Updated information
# 2
User control and
freedom
Users often choose system functions by
mistake and will need a clearly marked
"emergency exit" to leave the unwanted
state without having to go through an
extended dialogue. Support undo and
redo.
● Undo
● Redo
Violation:
Android design copied for iOS violates this heuristic
# 3
Recognition rather
than recall
Minimize the user's memory load by
making objects, actions, and options
visible. The user should not have to
remember information from one part of
the dialogue to another. Instructions for
use of the system should be visible or
easily retrievable whenever appropriate.
● Recents
● Browsing History
● Visited Links
# 4
Match between
system & the real
world
The system should speak the users'
language, with words, phrases and
concepts familiar to the user, rather
than system-oriented terms. Follow
real-world conventions, making
information appear in a natural and
logical order.
# 5
Consistency and
standards
Users should not have to wonder
whether different words, situations, or
actions mean the same thing.
Consistency and standards not just applies to customer facing interfaces
# 6
Flexibility and Ease
of Use
“Accelerators”
— unseen by the novice user
— may often speed up the interaction
for the expert user such that the system
can cater to both inexperienced and
experienced users. Allow users to tailor
frequent actions.
● Keyboard actions/shortcuts
● Touch/Trackpad/Mouse Gestures
● Autofills
● Save information
# 7
Help users
recognize, diagnose,
and recover from
errors
Error messages should be expressed in
plain language (no codes), precisely
indicate the problem, and constructively
suggest a solution.
Properties of error messages:
● Explicit
● Human Readable Language
● Precise
● Constructive
● Polite
# 8
Error prevention
Even better than good error messages is
a careful design which prevents a
problem from occurring in the first
place. Either eliminate error-prone
conditions or check for them and
present users with a confirmation
option before they commit to the
action.
Think of violation that happened last week (hint: emails)
# 9
Help and
documentation
Even though it is better if the system
can be used without documentation, it
may be necessary to provide help and
documentation. Any such information
should be easy to search, focused on the
user's task, list concrete steps to be
carried out, and not be too large.
Type-1: Detailed documentation
Type-2: Community centres
Type-3: Question and Answers examples normal chat, chat-bots
There are product companies based on Help & Documentation provide
integrations for example StackExchange, ZenDesk, BotsCrew, Haptik
This is a screenshot from Clevertap
# 10
Aesthetic and
minimalist design
Dialogues should not contain
information which is irrelevant or rarely
needed. Every extra unit of information
in a dialogue competes with the
relevant units of information and
diminishes their relative visibility.
Think of chart-junks
Severity Rating
Ranges from 0-4
0 - I don’t agree that this is a Usability Problem at all
1 - Cosmetic Problem. Fix it only if we have extra time
2 - Minor usability problem
3 - Major usability problem
4 - Usability Catastrophe
Tips
● Go through the interface back and forth 2-3 times then start evaluating.
● Don’t perform the real task, explore!
● Open google doc, for each problem write:
a. Problem details
b. Screenshot/Video/GIF
c. Severity rating
d. Heuristic
e. Why does that heuristic apply
Let’s discuss...
Keep Evaluating...

More Related Content

What's hot

Internet Research Presentation
Internet Research PresentationInternet Research Presentation
Internet Research Presentation
adeason
 
Presentation search strategy
Presentation   search strategyPresentation   search strategy
Presentation search strategy
jmunks
 
Library automation
Library automationLibrary automation
Library automation
Aditya Ranjan
 
Php mysql ppt
Php mysql pptPhp mysql ppt
Effective Internet Searching
Effective Internet SearchingEffective Internet Searching
Effective Internet Searching
Maggie Verster
 
Search strategy
Search strategySearch strategy
Search strategy
rammiyanandu
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designing
sreejagiri
 
Basic JavaScript Tutorial
Basic JavaScript TutorialBasic JavaScript Tutorial
Basic JavaScript Tutorial
DHTMLExtreme
 
HTML 5 Canvas & SVG
HTML 5 Canvas & SVGHTML 5 Canvas & SVG
HTML 5 Canvas & SVG
Ofir's Fridman
 
Advance searching techniques
Advance searching techniquesAdvance searching techniques
Advance searching techniques
Humayun Khan
 
Information retrieval system
Information retrieval systemInformation retrieval system
Information retrieval system
Leslie Vargas
 
Current Trends in Libraries
Current Trends in LibrariesCurrent Trends in Libraries
Current Trends in Libraries
VSNegi
 
The Library in the Life of the User: Two Collection Directions
The Library in the Life of the User: Two Collection DirectionsThe Library in the Life of the User: Two Collection Directions
The Library in the Life of the User: Two Collection Directions
lisld
 
Koha presentation
Koha presentationKoha presentation
Koha presentation
ssuser69a33e
 
Search Engine ppt
Search Engine pptSearch Engine ppt
Resource Sharing and Networking
Resource Sharing and NetworkingResource Sharing and Networking
The Modern Library
The Modern LibraryThe Modern Library
The Modern Library
hblowers
 
Artificial Intelligence role in Libraries
Artificial Intelligence role in Libraries Artificial Intelligence role in Libraries
Artificial Intelligence role in Libraries
Muhammad Yousuf Ali
 
Prototyping
PrototypingPrototyping
Prototyping
Eman Abed AlWahhab
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
www.netgains.org
 

What's hot (20)

Internet Research Presentation
Internet Research PresentationInternet Research Presentation
Internet Research Presentation
 
Presentation search strategy
Presentation   search strategyPresentation   search strategy
Presentation search strategy
 
Library automation
Library automationLibrary automation
Library automation
 
Php mysql ppt
Php mysql pptPhp mysql ppt
Php mysql ppt
 
Effective Internet Searching
Effective Internet SearchingEffective Internet Searching
Effective Internet Searching
 
Search strategy
Search strategySearch strategy
Search strategy
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designing
 
Basic JavaScript Tutorial
Basic JavaScript TutorialBasic JavaScript Tutorial
Basic JavaScript Tutorial
 
HTML 5 Canvas & SVG
HTML 5 Canvas & SVGHTML 5 Canvas & SVG
HTML 5 Canvas & SVG
 
Advance searching techniques
Advance searching techniquesAdvance searching techniques
Advance searching techniques
 
Information retrieval system
Information retrieval systemInformation retrieval system
Information retrieval system
 
Current Trends in Libraries
Current Trends in LibrariesCurrent Trends in Libraries
Current Trends in Libraries
 
The Library in the Life of the User: Two Collection Directions
The Library in the Life of the User: Two Collection DirectionsThe Library in the Life of the User: Two Collection Directions
The Library in the Life of the User: Two Collection Directions
 
Koha presentation
Koha presentationKoha presentation
Koha presentation
 
Search Engine ppt
Search Engine pptSearch Engine ppt
Search Engine ppt
 
Resource Sharing and Networking
Resource Sharing and NetworkingResource Sharing and Networking
Resource Sharing and Networking
 
The Modern Library
The Modern LibraryThe Modern Library
The Modern Library
 
Artificial Intelligence role in Libraries
Artificial Intelligence role in Libraries Artificial Intelligence role in Libraries
Artificial Intelligence role in Libraries
 
Prototyping
PrototypingPrototyping
Prototyping
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
 

Similar to Evaluating User Interfaces

Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
Preeti Mishra
 
What I Learned In Pr Writing
What I Learned In Pr WritingWhat I Learned In Pr Writing
What I Learned In Pr Writing
cwhitin4
 
Designfor Strangers
Designfor StrangersDesignfor Strangers
Designfor Strangers
guest08cd22
 
Qué es un blog?
Qué es un blog?Qué es un blog?
Qué es un blog?
carolina_zapata
 
Design For Strangers
Design For StrangersDesign For Strangers
Design For Strangers
test99
 
Designfor Strangers
Designfor StrangersDesignfor Strangers
Designfor Strangers
guru100
 
Biblioteca.
Biblioteca.Biblioteca.
Biblioteca.
Bibliotecaesc1de12
 
Rashmi Xerox Parc
Rashmi Xerox ParcRashmi Xerox Parc
Rashmi Xerox Parc
test98
 
Designfor strangers
Designfor strangersDesignfor strangers
Designfor strangers
guestc72c35
 
Designfor Strangers
Designfor StrangersDesignfor Strangers
Designfor Strangers
guestbdd02b
 
Designfo#{1} #{2}trangers
Designfo#{1} #{2}trangersDesignfo#{1} #{2}trangers
Designfo#{1} #{2}trangers
guest0437b8
 
Smas Hits May 11, 2009 Sensex Down 193 Points On Profit Booking
Smas Hits May 11, 2009 Sensex Down 193 Points On Profit BookingSmas Hits May 11, 2009 Sensex Down 193 Points On Profit Booking
Smas Hits May 11, 2009 Sensex Down 193 Points On Profit Booking
Jagannadham Thunuguntla
 
Eindpresentatie usability engels
Eindpresentatie usability engelsEindpresentatie usability engels
Eindpresentatie usability engels
Hanzehogeschool
 
Chapter3
Chapter3 Chapter3
Chapter3
KaiEnTee1
 
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
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptx
Raja980775
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
Steffen Kastner
 
10 Usability Heuristics explained
10 Usability Heuristics explained10 Usability Heuristics explained
10 Usability Heuristics explained
Eranga Thilan Liyanage
 
Unit 3_Evaluation Technique.pptx
Unit 3_Evaluation Technique.pptxUnit 3_Evaluation Technique.pptx
Unit 3_Evaluation Technique.pptx
ssuser50f868
 
Heuristic principles
Heuristic principlesHeuristic principles
Heuristic principles
Swathy Tantry
 

Similar to Evaluating User Interfaces (20)

Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
What I Learned In Pr Writing
What I Learned In Pr WritingWhat I Learned In Pr Writing
What I Learned In Pr Writing
 
Designfor Strangers
Designfor StrangersDesignfor Strangers
Designfor Strangers
 
Qué es un blog?
Qué es un blog?Qué es un blog?
Qué es un blog?
 
Design For Strangers
Design For StrangersDesign For Strangers
Design For Strangers
 
Designfor Strangers
Designfor StrangersDesignfor Strangers
Designfor Strangers
 
Biblioteca.
Biblioteca.Biblioteca.
Biblioteca.
 
Rashmi Xerox Parc
Rashmi Xerox ParcRashmi Xerox Parc
Rashmi Xerox Parc
 
Designfor strangers
Designfor strangersDesignfor strangers
Designfor strangers
 
Designfor Strangers
Designfor StrangersDesignfor Strangers
Designfor Strangers
 
Designfo#{1} #{2}trangers
Designfo#{1} #{2}trangersDesignfo#{1} #{2}trangers
Designfo#{1} #{2}trangers
 
Smas Hits May 11, 2009 Sensex Down 193 Points On Profit Booking
Smas Hits May 11, 2009 Sensex Down 193 Points On Profit BookingSmas Hits May 11, 2009 Sensex Down 193 Points On Profit Booking
Smas Hits May 11, 2009 Sensex Down 193 Points On Profit Booking
 
Eindpresentatie usability engels
Eindpresentatie usability engelsEindpresentatie usability engels
Eindpresentatie usability engels
 
Chapter3
Chapter3 Chapter3
Chapter3
 
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
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptx
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
 
10 Usability Heuristics explained
10 Usability Heuristics explained10 Usability Heuristics explained
10 Usability Heuristics explained
 
Unit 3_Evaluation Technique.pptx
Unit 3_Evaluation Technique.pptxUnit 3_Evaluation Technique.pptx
Unit 3_Evaluation Technique.pptx
 
Heuristic principles
Heuristic principlesHeuristic principles
Heuristic principles
 

Recently uploaded

Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
NHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree TranscriptNHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree Transcript
lhtvqoag
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
ellemjani
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
ijk38lw
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 

Recently uploaded (20)

Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
NHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree TranscriptNHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree Transcript
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 

Evaluating User Interfaces

  • 1. Evaluate User Interfaces with Nielsen’s Heuristic Principles
  • 2. Why do we need DIY methods? The same reason why we test our systems for functionality, before giving it out for use.
  • 3. Qualitative Methods ● Cognitive Walkthrough ● Expert Evaluation ● Heuristic Evaluation Quantitative Methods ● KLM, GOMS and other formal analysis ● Informal Action Analysis
  • 4. Heuristic Evaluation Latest version is 1995a listed here: https://www.nngroup.com/articles/ten-usabilit y-heuristics/
  • 5. Evaluation Plan Examine ● Get trained ● Each heuristic expert will evaluate List ● Individually list down problems found based on 10 principles of heuristic evaluation Collate ● Club all problems of all evaluators in a caveat ● Rank on the basis of severity Fix ● You’re already an expert on that!
  • 6. Heuristic ~ Dictionary meaning Enabling a person to discover or learn something for themselves: a “hands-on” or interactive heuristic approach to learning.
  • 7. # 1 Visibility of System Status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.
  • 8.
  • 9.
  • 10.
  • 11. Which is the most important status we want to know these days?!
  • 12.
  • 13. ● Browser/App/Program name ● Favicon ● Logo ● Page heading ● Section heading ● Selected Tab ● Progress bar ● Loader ● Micro interactions ● Click/Hover/Any event Interaction ● Updated information
  • 14. # 2 User control and freedom Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20. ● Undo ● Redo Violation: Android design copied for iOS violates this heuristic
  • 21. # 3 Recognition rather than recall Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.
  • 22.
  • 23.
  • 24. ● Recents ● Browsing History ● Visited Links
  • 25. # 4 Match between system & the real world The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.
  • 26.
  • 27.
  • 28.
  • 29. # 5 Consistency and standards Users should not have to wonder whether different words, situations, or actions mean the same thing.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36. Consistency and standards not just applies to customer facing interfaces
  • 37. # 6 Flexibility and Ease of Use “Accelerators” — unseen by the novice user — may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.
  • 38.
  • 39.
  • 40.
  • 41. ● Keyboard actions/shortcuts ● Touch/Trackpad/Mouse Gestures ● Autofills ● Save information
  • 42. # 7 Help users recognize, diagnose, and recover from errors Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
  • 43.
  • 44. Properties of error messages: ● Explicit ● Human Readable Language ● Precise ● Constructive ● Polite
  • 45. # 8 Error prevention Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
  • 46.
  • 47. Think of violation that happened last week (hint: emails)
  • 48. # 9 Help and documentation Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.
  • 49. Type-1: Detailed documentation Type-2: Community centres Type-3: Question and Answers examples normal chat, chat-bots There are product companies based on Help & Documentation provide integrations for example StackExchange, ZenDesk, BotsCrew, Haptik This is a screenshot from Clevertap
  • 50. # 10 Aesthetic and minimalist design Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
  • 51.
  • 53. Severity Rating Ranges from 0-4 0 - I don’t agree that this is a Usability Problem at all 1 - Cosmetic Problem. Fix it only if we have extra time 2 - Minor usability problem 3 - Major usability problem 4 - Usability Catastrophe
  • 54. Tips ● Go through the interface back and forth 2-3 times then start evaluating. ● Don’t perform the real task, explore! ● Open google doc, for each problem write: a. Problem details b. Screenshot/Video/GIF c. Severity rating d. Heuristic e. Why does that heuristic apply