SlideShare a Scribd company logo
1 of 45
Chetan Manchi Prahlada
Heuristic Evaluation principles
Agenda
• What is Heuristic evaluation?
• Background
• Heuristic Evaluation Framework
• 10 usability Heuristics in usability engineering
• Advantages
• How to conduct a Heuristic evaluation?
What is Heuristic evaluation?
• The word heuristic refers to a rule of thumb adopted
based on an experience or common knowledge.
• Form of usability inspection where evaluators examine
the user interface and judge its compliance with
recognized usability principles (the "heuristics") for
usability problems.
• It is both
• Before design finalization- Predictive method
• After design completion – Evaluation and rating method
Background
• Developed by Jakob Nielsen and Rolf Molich in 1990
• Main concepts are to improve analyzing the interface and judge
its compliance with recognized usability principles (Heuristics)
• External / carefully chosen experienced evaluators examine
usability-related aspects of UI by
• Analyzing the quality attribute’s
• Applying set of methods for improving ease-of-use during the design
process
• Increases efficiency, consumer satisfaction rates and learning
Heuristic Evaluation Framework
Visual
Informational
Spatial
Behavioral
Available Guidelines
There are at-least 4 people who have put forward their guidelines
of which the most well known one is the Nielsen’s 10 principles
and the one which we would cover as part of this presentation.
• Nielsens’s 10 Principles
• Norman’s rule from design of ‘Everyday Things’
• Tognazzini’s 16 principles
• Shneiderman’s 8 golden rules
Norman’s rule from design of ‘Everyday
Things’
Affordances
Natural Mapping
Visibility
Feedback
Tognazzini’s 16 principles
• Anticipation
• Autonomy
• Color Blindness
• Consistency
• Defaults
• Efficiency of the User
• Explorable Interfaces
• Fitts's Law
• Human Interface Objects
• Latency Reduction
• Learnability
• Metaphors, Use of
• Protect Users' Work
• Readability
• Track State
• Visible Navigation
Shneiderman’s 8 golden rules
• Strive for consistency
• Enable frequent users to use shortcuts
• Offer informative feedback
• Design dialogue to yield closure
• Offer simple error handling
• Permit easy reversal of actions
• Support internal locus of control
• Reduce short-term memory load
Nielsen’s 10 usability Heuristics in
usability engineering
Visibility of system status
Keep users informed about what is going on
Example
Match between system and the real
world
• The application should speak the users' language
• Words and concepts from user’s world
• Don’t use specific engineering terms
• Focus on user’s point of view
Example
User control and freedom
• Users often choose app functions by mistake and will need a clearly
marked emergency exit.
• Don’t trap users in a certain location
• Allow users to get back quickly and easily
• support exploration
• support undo consistently
• support interruption of long-lived events
Example
Error prevention
• Confirmation option before they commit to the action
• Scrutinize every error message
• Can the error be prevented?
• allow recognition over recall when possible
• confirm risky operations
• avoid use of modes as much as possible
• use clear status indicators
• Detect when error occurs
• Allow user to recover from the error
Example
Consistency and standards
• Follow platform conventions. Lack of continuity inhibits trust
• Consistent with user’s mental model
• Consistent with tasks
• Consistent with experience/expectations
• Consistent within and between apps
• Similar information in similar locations
• Use the same action sequence in different parts of the interface to get
similar results
Example
From “Shop” to
“Shop/Upgrade”
From “Comcast business”
to “Business.”
Aesthetic and minimalist design
Avoid rarely needed information as much as possible
Example
Recognition rather than recall
• Minimize the user's memory load
• Show range or sample inputs
• Use generic actions across application
• Don’t make user remember things between actions
• Leave information on screen until not needed
Example
Flexibility and efficiency of use
• Think of both inexperienced and
experienced users
• Help experienced users avoid long dialogs
or messages that they don’t need
• Strategies include:
• type- and click-ahead
• keyboard shortcuts
• good default values
• macros and scripting
• reuse/edit history
Example
Help and documentation
• Always provide users with more information when they are looking for
it.
• Best if system can be used w/o manuals
• but may not be possible
• Documentation should be
• easy to search
• focused on the user's task
• list concrete steps to be carried out
Example
Help users, Recognize, Diagnose, & Recover
from errors
• Clear and in simple language
• user can dig deeper to get obscure details
• State the problem / suggest solutions
• give links to the solutions, if possible
• Use a positive, non-accusatory tone
• Graceful error behavior
Example
Advantages
• Quick and cost effective
• Feedback early in the design
process
• Identifies key interaction and
usability issues
• Helps in prioritizing design issues
to be tackled
• Provides direction for redesign
• Provides direction for res
• Compatible with other usability
testing methodologies each
design
Advantages.…
Empirical evidence suggests that five evaluators usually
identify around 75% of total usability problems.
When and What
When to use?
• Early in the project
• During Redesign
• Not for a new product
• Good for overall product or a
specific task flow
• You are Low on budget and time
What it is?
• Does not have a user involvement
• Not entirely scientific
• Has certain amount of subjectivity
• Multiple experts are better than
one
How to conduct a Heuristic
evaluation?
• Briefing
– teach to evaluators; ensure each person receives same briefing.
– become familiar with the UI and domain
• Evaluation period
– compare UI against heuristics
– spend 1-2 hours with interface; minimal 2 interface passes
– take notes
• Debriefing session
– Prioritize problems; rate severity
– aggregate results
– discuss outcomes with design/development team
How to conduct a Heuristic
evaluation?
Severity Ratings
• 0 – this is not a usability problem
• 1 – cosmetic problem only
• 2 – minor usability problem
• 3 – major usability problem
• 4 – usability catastrophe; imperative to fix
• Combination of frequency and impact
Evaluation output
Fun Pill
Best Practices
• Keep everything simple and clean. Don’t decorate.
• Try to include only one big idea per slide.
• Colors: For a small, simple deck, use only one color gradient
throughout. For larger decks, you can use different colored
segue slide per section, but try to be systematic.
• Use simple shapes to create visuals; not drop shadows or special
effects.
References
https://en.wikipedia.org/wiki/Heuristic_evaluation#:~:text=A%20heuristic%20evaluation%20is%20a,(the%20
%22heuristics%22).
https://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/
https://www.nngroup.com/articles/ten-usability-heuristics/
https://www.interaction-design.org/literature/topics/heuristic-evaluation
https://www.slideshare.net/semosem/heuristic-evaluation-41094582
http://social.cs.uiuc.edu/class/cs414/lectures/heuristic-cog-walkthrough.ppt
https://slideplayer.com/slide/5983799/
https://www.invespcro.com/blog/heuristic-evaluation-your-complete-guide/

More Related Content

What's hot

What's hot (20)

Heuristic evaluation
Heuristic evaluationHeuristic evaluation
Heuristic evaluation
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
Fundamental principles of Usability and User Centred Design
Fundamental principles of Usability and User Centred DesignFundamental principles of Usability and User Centred Design
Fundamental principles of Usability and User Centred Design
 
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface DesignAn Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
 
Usability test
Usability testUsability test
Usability test
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User Experience
 
HCI - Chapter 6
HCI - Chapter 6HCI - Chapter 6
HCI - Chapter 6
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
10 Usability Heuristics explained
10 Usability Heuristics explained10 Usability Heuristics explained
10 Usability Heuristics explained
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
Prototyping
PrototypingPrototyping
Prototyping
 
HCI 3e - Ch 8: Implementation support
HCI 3e - Ch 8:  Implementation supportHCI 3e - Ch 8:  Implementation support
HCI 3e - Ch 8: Implementation support
 
HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basics
 
Human Factors and User Interface Design
Human Factors and User Interface DesignHuman Factors and User Interface Design
Human Factors and User Interface Design
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
 
Lecture 5: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lecture 5: Human-Computer Interaction Course (2015) @VU University AmsterdamLecture 5: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lecture 5: Human-Computer Interaction Course (2015) @VU University Amsterdam
 
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
 
HCI 3e - Ch 6: HCI in the software process
HCI 3e - Ch 6:  HCI in the software processHCI 3e - Ch 6:  HCI in the software process
HCI 3e - Ch 6: HCI in the software process
 

Similar to Heuristic evaluation principles

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
 
UserExperienceWebroot
UserExperienceWebrootUserExperienceWebroot
UserExperienceWebroot
Nancy Shepard
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
Tanya Zavialova
 

Similar to Heuristic evaluation principles (20)

Usability Evaluation
Usability EvaluationUsability Evaluation
Usability Evaluation
 
Unit 3_Evaluation Technique.pptx
Unit 3_Evaluation Technique.pptxUnit 3_Evaluation Technique.pptx
Unit 3_Evaluation Technique.pptx
 
Intro to ux and how to design a thoughtful ui
Intro to ux and how to design a thoughtful uiIntro to ux and how to design a thoughtful ui
Intro to ux and how to design a thoughtful ui
 
Delhi it professionals
Delhi it professionalsDelhi it professionals
Delhi it professionals
 
Design rules and usability requirements
Design rules and usability requirementsDesign rules and usability requirements
Design rules and usability requirements
 
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
 
UserExperienceWebroot
UserExperienceWebrootUserExperienceWebroot
UserExperienceWebroot
 
UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team
 
Design and Evaluation techniques unit 5
Design and Evaluation techniques unit  5Design and Evaluation techniques unit  5
Design and Evaluation techniques unit 5
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
 
Usability testing 2013.12.20.
Usability testing 2013.12.20.Usability testing 2013.12.20.
Usability testing 2013.12.20.
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Guerilla Human Computer Interaction and Customer Based Design
Guerilla Human Computer Interaction and Customer Based DesignGuerilla Human Computer Interaction and Customer Based Design
Guerilla Human Computer Interaction and Customer Based Design
 
ICS3211 Lecture 9
ICS3211 Lecture 9ICS3211 Lecture 9
ICS3211 Lecture 9
 
Intro to Lean UX with UserTesting
Intro to Lean UX with UserTestingIntro to Lean UX with UserTesting
Intro to Lean UX with UserTesting
 
HCI(Human Computer Interaction)-PPT-REPORT.pptx
HCI(Human Computer Interaction)-PPT-REPORT.pptxHCI(Human Computer Interaction)-PPT-REPORT.pptx
HCI(Human Computer Interaction)-PPT-REPORT.pptx
 
11 - Evaluating Framework in Interaction Design_new.pptx
11 - Evaluating Framework in Interaction Design_new.pptx11 - Evaluating Framework in Interaction Design_new.pptx
11 - Evaluating Framework in Interaction Design_new.pptx
 
Usability_Evaluation
Usability_EvaluationUsability_Evaluation
Usability_Evaluation
 
The Power of the UX Evaluation
The Power of the UX EvaluationThe Power of the UX Evaluation
The Power of the UX Evaluation
 
ICS3211_lecture 9_2022.pdf
ICS3211_lecture 9_2022.pdfICS3211_lecture 9_2022.pdf
ICS3211_lecture 9_2022.pdf
 

Recently uploaded

一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
cholilithiasis, cholecystitis,gall bladdder .pdf
cholilithiasis, cholecystitis,gall bladdder .pdfcholilithiasis, cholecystitis,gall bladdder .pdf
cholilithiasis, cholecystitis,gall bladdder .pdf
RawalRafiqLeghari
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 

Recently uploaded (20)

Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Branding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdfBranding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdf
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
Dahisar Comfortable Call Girls ,09167354423,Mira Road Model Call Girls
Dahisar Comfortable Call Girls ,09167354423,Mira Road Model Call GirlsDahisar Comfortable Call Girls ,09167354423,Mira Road Model Call Girls
Dahisar Comfortable Call Girls ,09167354423,Mira Road Model Call Girls
 
cholilithiasis, cholecystitis,gall bladdder .pdf
cholilithiasis, cholecystitis,gall bladdder .pdfcholilithiasis, cholecystitis,gall bladdder .pdf
cholilithiasis, cholecystitis,gall bladdder .pdf
 
❤️ Call Girls Service Amritsar Call Girls (Adult Only) 💯Call Us 🔝 6378878445 ...
❤️ Call Girls Service Amritsar Call Girls (Adult Only) 💯Call Us 🔝 6378878445 ...❤️ Call Girls Service Amritsar Call Girls (Adult Only) 💯Call Us 🔝 6378878445 ...
❤️ Call Girls Service Amritsar Call Girls (Adult Only) 💯Call Us 🔝 6378878445 ...
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
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
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Abu Dhabi Call girls Service0556255850 Call girls in Abu Dhabi
Abu Dhabi Call girls Service0556255850 Call girls in Abu DhabiAbu Dhabi Call girls Service0556255850 Call girls in Abu Dhabi
Abu Dhabi Call girls Service0556255850 Call girls in Abu Dhabi
 
Kondapur ] High Profile Call Girls in Hyderabad (Adult Only) 9352988975 Escor...
Kondapur ] High Profile Call Girls in Hyderabad (Adult Only) 9352988975 Escor...Kondapur ] High Profile Call Girls in Hyderabad (Adult Only) 9352988975 Escor...
Kondapur ] High Profile Call Girls in Hyderabad (Adult Only) 9352988975 Escor...
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 

Heuristic evaluation principles

  • 1. Chetan Manchi Prahlada Heuristic Evaluation principles
  • 2. Agenda • What is Heuristic evaluation? • Background • Heuristic Evaluation Framework • 10 usability Heuristics in usability engineering • Advantages • How to conduct a Heuristic evaluation?
  • 3. What is Heuristic evaluation? • The word heuristic refers to a rule of thumb adopted based on an experience or common knowledge. • Form of usability inspection where evaluators examine the user interface and judge its compliance with recognized usability principles (the "heuristics") for usability problems. • It is both • Before design finalization- Predictive method • After design completion – Evaluation and rating method
  • 4. Background • Developed by Jakob Nielsen and Rolf Molich in 1990 • Main concepts are to improve analyzing the interface and judge its compliance with recognized usability principles (Heuristics) • External / carefully chosen experienced evaluators examine usability-related aspects of UI by • Analyzing the quality attribute’s • Applying set of methods for improving ease-of-use during the design process • Increases efficiency, consumer satisfaction rates and learning
  • 10. Available Guidelines There are at-least 4 people who have put forward their guidelines of which the most well known one is the Nielsen’s 10 principles and the one which we would cover as part of this presentation. • Nielsens’s 10 Principles • Norman’s rule from design of ‘Everyday Things’ • Tognazzini’s 16 principles • Shneiderman’s 8 golden rules
  • 11. Norman’s rule from design of ‘Everyday Things’ Affordances Natural Mapping Visibility Feedback
  • 12. Tognazzini’s 16 principles • Anticipation • Autonomy • Color Blindness • Consistency • Defaults • Efficiency of the User • Explorable Interfaces • Fitts's Law • Human Interface Objects • Latency Reduction • Learnability • Metaphors, Use of • Protect Users' Work • Readability • Track State • Visible Navigation
  • 13. Shneiderman’s 8 golden rules • Strive for consistency • Enable frequent users to use shortcuts • Offer informative feedback • Design dialogue to yield closure • Offer simple error handling • Permit easy reversal of actions • Support internal locus of control • Reduce short-term memory load
  • 14. Nielsen’s 10 usability Heuristics in usability engineering
  • 15. Visibility of system status Keep users informed about what is going on
  • 17. Match between system and the real world • The application should speak the users' language • Words and concepts from user’s world • Don’t use specific engineering terms • Focus on user’s point of view
  • 19. User control and freedom • Users often choose app functions by mistake and will need a clearly marked emergency exit. • Don’t trap users in a certain location • Allow users to get back quickly and easily • support exploration • support undo consistently • support interruption of long-lived events
  • 21. Error prevention • Confirmation option before they commit to the action • Scrutinize every error message • Can the error be prevented? • allow recognition over recall when possible • confirm risky operations • avoid use of modes as much as possible • use clear status indicators • Detect when error occurs • Allow user to recover from the error
  • 23. Consistency and standards • Follow platform conventions. Lack of continuity inhibits trust • Consistent with user’s mental model • Consistent with tasks • Consistent with experience/expectations • Consistent within and between apps • Similar information in similar locations • Use the same action sequence in different parts of the interface to get similar results
  • 24. Example From “Shop” to “Shop/Upgrade” From “Comcast business” to “Business.”
  • 25. Aesthetic and minimalist design Avoid rarely needed information as much as possible
  • 27. Recognition rather than recall • Minimize the user's memory load • Show range or sample inputs • Use generic actions across application • Don’t make user remember things between actions • Leave information on screen until not needed
  • 29. Flexibility and efficiency of use • Think of both inexperienced and experienced users • Help experienced users avoid long dialogs or messages that they don’t need • Strategies include: • type- and click-ahead • keyboard shortcuts • good default values • macros and scripting • reuse/edit history
  • 31. Help and documentation • Always provide users with more information when they are looking for it. • Best if system can be used w/o manuals • but may not be possible • Documentation should be • easy to search • focused on the user's task • list concrete steps to be carried out
  • 33. Help users, Recognize, Diagnose, & Recover from errors • Clear and in simple language • user can dig deeper to get obscure details • State the problem / suggest solutions • give links to the solutions, if possible • Use a positive, non-accusatory tone • Graceful error behavior
  • 35. Advantages • Quick and cost effective • Feedback early in the design process • Identifies key interaction and usability issues • Helps in prioritizing design issues to be tackled • Provides direction for redesign • Provides direction for res • Compatible with other usability testing methodologies each design
  • 36. Advantages.… Empirical evidence suggests that five evaluators usually identify around 75% of total usability problems.
  • 37. When and What When to use? • Early in the project • During Redesign • Not for a new product • Good for overall product or a specific task flow • You are Low on budget and time What it is? • Does not have a user involvement • Not entirely scientific • Has certain amount of subjectivity • Multiple experts are better than one
  • 38. How to conduct a Heuristic evaluation? • Briefing – teach to evaluators; ensure each person receives same briefing. – become familiar with the UI and domain • Evaluation period – compare UI against heuristics – spend 1-2 hours with interface; minimal 2 interface passes – take notes • Debriefing session – Prioritize problems; rate severity – aggregate results – discuss outcomes with design/development team
  • 39. How to conduct a Heuristic evaluation? Severity Ratings • 0 – this is not a usability problem • 1 – cosmetic problem only • 2 – minor usability problem • 3 – major usability problem • 4 – usability catastrophe; imperative to fix • Combination of frequency and impact
  • 42.
  • 43.
  • 44. Best Practices • Keep everything simple and clean. Don’t decorate. • Try to include only one big idea per slide. • Colors: For a small, simple deck, use only one color gradient throughout. For larger decks, you can use different colored segue slide per section, but try to be systematic. • Use simple shapes to create visuals; not drop shadows or special effects.