Download - Introduction to usability heuristics
![Page 1: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/1.jpg)
Intro to Usability HeuristicsSamples of good and bad design
![Page 2: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/2.jpg)
Kseniya KoltunUX Specialist
kseniya.koltun
![Page 3: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/3.jpg)
10 Usability Heuristics by Nielsen & Molich, 1993
1 Visibility of system status
2 Match between system and the real world
3 User control and freedom
4 Consistency and standards
5 Error prevention
6 Recognition rather than recall
7 Flexibility and efficiency of use
8 Aesthetic and minimalist design
9 Help users recognize, diagnose, and recover from errors
10 Help and documentation
![Page 4: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/4.jpg)
Eight Golden Rules of Interface Design by Shneiderman & Plaisant, 2005
1 Strive for consistency
2 Enable frequent users to use shortcuts
3 Offer informative feedback
4 Design dialog to yield closure
5 Offer simple error handling
6 Permit easy reversal of actions
7 Support internal locus of control
8 Reduce short-term memory load
![Page 5: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/5.jpg)
UI Design Guidelines by D. Stone and others, 2005
1 Visibility: First step to goal should be clear
2 Affordance: Control suggests how to use it
3 Feedback: Should be clear what happened or is happening
4 Simplicity: as simple as possible & task-focused
5 Structure: content organized sensibly
6 Consistency: similarity for predictability
7 Tolerance: prevent errors, help recovery
8 Accessibility: usable by all intended users, despite handicap, access device, or environmental conditions
![Page 6: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/6.jpg)
UI Guidelines are based on how people perceive, think, learn, act
![Page 7: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/7.jpg)
Basic Usability Heuristics
![Page 8: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/8.jpg)
10 Usability Heuristics by Nielsen & Molich, 1993
1 Visibility of system status
2 Match between system and the real world
3 User control and freedom
4 Consistency and standards
5 Error prevention
6 Recognition rather than recall
7 Flexibility and efficiency of use
8 Aesthetic and minimalist design
9 Help users recognize, diagnose, and recover from errors
10 Help and documentation
![Page 9: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/9.jpg)
1 Visibility of system status
![Page 10: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/10.jpg)
Sample of good design1 Visibility of system status
![Page 11: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/11.jpg)
Sample of bad design1 Visibility of system status
![Page 12: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/12.jpg)
2 Match between system and the real world
![Page 13: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/13.jpg)
Sample of good design2 Match between system and the real world
![Page 14: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/14.jpg)
Sample of bad design2 Match between system and the real world
![Page 15: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/15.jpg)
Sample ofbad design
2 Match between system and the real world
![Page 16: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/16.jpg)
3 User control and freedom
![Page 17: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/17.jpg)
Sample of good design3 User control and freedom
![Page 18: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/18.jpg)
Sample of bad design3 User control and freedom
![Page 19: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/19.jpg)
4 Consistency and standards
![Page 20: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/20.jpg)
Sample of good design4 Consistency and standards
![Page 21: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/21.jpg)
http://sixtiespress.co.ukSample of bad design4 Consistency and standards
![Page 22: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/22.jpg)
5 Error prevention
![Page 23: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/23.jpg)
Sample of good design5 Error prevention
![Page 24: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/24.jpg)
Sample of good design5 Error prevention
![Page 25: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/25.jpg)
Sample of bad design5 Error prevention
![Page 26: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/26.jpg)
6 Recognition rather than recall
![Page 27: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/27.jpg)
Sample of good designYelp app
6 Recognition rather than recall
![Page 28: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/28.jpg)
Sample of good design6 Recognition rather than recall
![Page 29: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/29.jpg)
7 Flexibility and efficiency of use
![Page 30: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/30.jpg)
Sample of good design7 Flexibility and efficiency of use
![Page 31: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/31.jpg)
8 Aesthetic and minimalist design
![Page 32: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/32.jpg)
Sample of good design8 Aesthetic and minimalist design
![Page 33: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/33.jpg)
Sample of good design
Moogly app
8 Aesthetic and minimalist design
![Page 34: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/34.jpg)
Sample of bad design8 Aesthetic and minimalist design
![Page 35: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/35.jpg)
9 Help users recognize, diagnose, and recover from errors
![Page 36: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/36.jpg)
Sample of good design9 Help users recognize, diagnose and recover from errors
![Page 37: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/37.jpg)
Sample of bad design9 Help users recognize, diagnose and recover from errors
![Page 38: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/38.jpg)
10 Help and documentation
![Page 39: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/39.jpg)
Sample of good design10 Help and documentation
![Page 40: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/40.jpg)
Sample of bad design10 Help and documentation
![Page 41: Introduction to usability heuristics](https://reader034.vdocuments.site/reader034/viewer/2022052412/55943e9b1a28abde5b8b46dc/html5/thumbnails/41.jpg)
Conclusion
1 UI Design Guidelines
2 Good as arguments for issues
3 More samples on http://epa.ms/Usability
kseniya.koltun