heuristic evaluation and cognitive walk throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation...
TRANSCRIPT
![Page 1: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/1.jpg)
Heuristic Evaluation and Cognitive Walk
ThroughMike Deverell
Rosemary Arnold
![Page 2: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/2.jpg)
Heuristic Evaluation
![Page 3: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/3.jpg)
Visibility of System Status
Show progress bar with percentage of completeness
Have every display begin with a title or header that describes where the user is
When an option has been selected, we need to make this obvious to the user, such as highlighting.
![Page 4: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/4.jpg)
Match Between System and the Real World
Menu choices fit logically into categories that have readily understood meanings
Design items are presented in context to how they are conventionally used to help guide that user’s design
![Page 5: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/5.jpg)
User Control and FreedomAbility to revert back to old versions (similar to SVN)
Move windows
Users have option to click on menu or use keyboard shortcuts
Allow the user to undo any action taken on the document, and to re-do undone actions
![Page 6: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/6.jpg)
Consistency and StandardsEvery window should have a title
The application will have a consistent look and feel
We should use some visual clue to show which window is currently active
Use wording for actions that is similar to wording from existing popular applications
Provide design items for common platforms
![Page 7: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/7.jpg)
Help Users Recognize, Diagnose, and Recover From Errors
Sound used to signal error has been made.
Error messages should suggest the cause of the error.
Error messages may be specific to who is using the program (developer vs. client)? Match the technical skill or background of the user.
![Page 8: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/8.jpg)
Error PreventionThe system prevents users from making errors whenever possible
The system should warn users if they are about to make a potentially serious error
Fields in data entry screens and dialog boxes should contain default values when appropriate
![Page 9: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/9.jpg)
Recognition Rather Than RecallPrompts, cues, and messages should be placed where the eye is likely to be looking on the screen
The system grays out or deletes labels of currently inactive soft function keys
Items are grouped into logical zones, and have headings been used to distinguish between zones
Each of these zones should be separated by spaces, lines, color, letters, bold titles, rules lines, or shaded areas
The system should provide mapping: that is, are the relationships between controls and actions apparent to the user
![Page 10: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/10.jpg)
Flexibility and Efficiency
Users have the option of either clicking on fields or using a keyboard shortcut
Allow advanced users to create their own design items
![Page 11: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/11.jpg)
Aesthetic and Minimalist Design
Field labels brief, familiar, and descriptive
Menu titles are brief, yet long enough to communicate
![Page 12: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/12.jpg)
Help and DocumentationError messages should be helpful and friendly
There should be a help function visible; for example, a key labeled HELP or a special menu
On first use, and until oopted-out, an opt-out introduction menu should show with basic instructions on an interface
![Page 13: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/13.jpg)
Cognitive Walkthrough
![Page 14: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/14.jpg)
The user has just placed a dialog box in the design section.
![Page 15: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/15.jpg)
Now the user has added an “OK” button to the dialog box. These have been dragged and dropped from the Design Items menu.
![Page 16: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/16.jpg)
The Actions tab has been selected. There are currently no actions for the button “OK”
![Page 17: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/17.jpg)
After the button “OK” has been clicked, the user can choose which actions they want to execute when the button is clicked.
![Page 18: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/18.jpg)
The user has selected that the OK button should be disabled when it is clicked.
![Page 19: Heuristic Evaluation and Cognitive Walk Throughsocial.cs.uiuc.edu/class/cs465/assignments/evaluation and... · 2008. 10. 1. · Prompts, cues, and messages should be placed where](https://reader036.vdocuments.site/reader036/viewer/2022071000/5fbc09416d0eeb78bd02751b/html5/thumbnails/19.jpg)
Now the user can see the actions for the item in the “Action Items” list.