1 usability design. 2 designing for usability what are the things users will want to do with your...
TRANSCRIPT
![Page 1: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/1.jpg)
1
Usability Design
![Page 2: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/2.jpg)
2
Designing for Usability
• What are the things users will want to do with your site– This is not what you want users to do with your site
– This is not necessarily what looks cool
• How do you make the most common things users want to do easier?– And how do you still support more advanced users?
![Page 3: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/3.jpg)
3
Usability
• Remember:• Speed• Efficiency• Learnability• Memorability• User Preference
![Page 4: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/4.jpg)
4
Example
• Task: Find the calorie content of a small serving of Mushroom Stroganoff at Noodles & Co.
• http://noodles.com/• May look cool, but becomes really annoying when you are trying to find information
• Poor in terms of 5 usability measures
![Page 5: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/5.jpg)
5
Example
• Google• http://google.com
![Page 6: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/6.jpg)
6
![Page 7: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/7.jpg)
7
![Page 8: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/8.jpg)
8
![Page 9: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/9.jpg)
9
Example
• Yahoo• http://yahoo.com
![Page 10: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/10.jpg)
10
![Page 11: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/11.jpg)
11
General guidelines
• Make the most important task the most obvious thing on the page
• Make other features easy to find for users who want them and easy to ignore for those who don’t
• Limit distractions that could confuse users
• Make navigation extremely clear• Rely on memes for where to place links (e.g. Advertising, Privacy Policy on the bottom)
![Page 12: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/12.jpg)
12
General Guidelines
• Long text is bad• Cryptic text is bad (e.g. Error 325.15)
• Do not interrupt the user’s flow (e.g. Vista)
• Provide clear and meaningful choices with obvious outcomes (e.g. buttons that say “Save” and “Don’t Save” rather than “Ok” and “Cancel”)
![Page 13: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/13.jpg)
13
Inane Dialog Boxes
What happens when you cancel a cancelled operation?
Uhhh… I give up on this one
![Page 14: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/14.jpg)
14
Inane Dialog Boxes
Do I have any choice in this?
Umm, thanks for the warning, but what should I do?
![Page 15: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/15.jpg)
15
Inane Dialog Boxes
Some of these interfaces were posted on Interface Hall of Shame
![Page 16: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/16.jpg)
16
Inane Dialog Boxes
![Page 17: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/17.jpg)
17
Inane Dialog BoxesMidwest Microwave's online catalog
Some of these interfaces were posted on Interface Hall of Shame
![Page 18: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/18.jpg)
18
Inane Dialog Boxes
![Page 19: 1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your](https://reader035.vdocuments.mx/reader035/viewer/2022062408/56649ea45503460f94ba8fb5/html5/thumbnails/19.jpg)
19
Inane Dialog Boxes
ClearCase, source-code control Rational Software