User Interface Evaluation
description
Transcript of User Interface Evaluation
![Page 1: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/1.jpg)
User Interface Evaluation
Usability Inspection Methods
http://jthom.best.vwh.net/usability/http://www.cs.umd.edu/~zzj/UsabilityHome.html
![Page 2: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/2.jpg)
Usability Inspection Methods
• Usability experts “inspect” your interfaces during formative evaluation.
• Widely used in practice.
• Often abused by developers that consider themselves to be usability experts.
![Page 3: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/3.jpg)
Usability Inspection Methods
• Heuristic Evaluation
• Cognitive Walkthroughs
• Pluralistic Walkthroughs
• Feature, Consistency & Standards Inspection
![Page 4: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/4.jpg)
Heuristic Evaluation
• Applicable Stages:• Design, Code, Test & Deployment
• Personnel• Usability Experts, approximately 4.• Developers, 0.• Users, 0.
![Page 5: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/5.jpg)
Heuristic Evaluation
• Usability Issues Covered• Effectiveness: Yes• Efficiency: Yes• Satisfaction: No
• Quantitative Data is not collected.
• Can be conducted remotely.
• Can be used on any system.
![Page 6: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/6.jpg)
Heuristic Evaluation
• What is it?
• Several evaluators independently evaluate the interface & come up with potential usability problems.
• It is important that there be several of these evaluators and that the evaluations be done independently.
• Nielsen's experience indicates that around 5 evaluators usually results in about 75% of the overall usability problems being discovered.
![Page 7: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/7.jpg)
Heuristic Evaluation
• How can I do it?
• Obtain the service of 4, 5 or 6 usability experts.
• Each expert will perform an independent evaluation.• Give experts a heuristics inspection guide.
• Collect the individual evaluations.
• Bring the experts together and do a group heuristic evaluation. (Optional)
• http://www.cs.umd.edu/~zzj/Heuristi.htm
![Page 8: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/8.jpg)
Cognitive Walkthroughs
• Applicable Stages:• Design, Code, Test & Deployment
• Personnel• Usability Experts, approximately 1 - 4.• Developers, 0 - 2.• Users, 0.
![Page 9: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/9.jpg)
Cognitive Walkthroughs
• Usability Issues Covered• Effectiveness: Yes• Efficiency: No• Satisfaction: No
• Quantitative Data is not collected.
• Can NOT be conducted remotely.
• Can be used on any system, but works best on systems that you can walk up and use systems that don’t require explicit learning.
![Page 10: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/10.jpg)
Cognitive Walkthroughs
• What is it?
• Cognitive walkthroughs involve one or a group of evaluators inspecting a user interface by going through a set of tasks and evaluate its understandability and ease of learning.
• The input to the walkthrough also include the user profile, especially the users' knowledge of the task domain and of the interface, and the task cases.
• Based upon exploratory learning methods.• Exploration of the user interface.
![Page 11: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/11.jpg)
Cognitive Walkthroughs
• What is it?
• The evaluators may include • Human factors engineers• Software developers• People from marketing• Documentation, etc.
• Best used in the design stage of development.
![Page 12: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/12.jpg)
Cognitive Walkthroughs
• How can I do it?
• Select the participants, who will be involved?
• Select the tasks, what task will be examined?
• Select the interfaces, which interface(s) will be evaluated?
![Page 13: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/13.jpg)
Cognitive Walkthroughs
• How can I do it?
• During the walkthrough:• Illustrate the task and then ask a user to perform a
task.• Accept input from all participants: do not interrupt
demo.
• After the walkthrough:• Make interface changes.• Plan the next evaluation.
• http://www.cs.umd.edu/~zzj/CognWalk.htm
![Page 14: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/14.jpg)
Pluralistic Walkthroughs
• Applicable Stages:• Design
• Personnel• Usability Experts, approximately 1.• Developers, 1.• Users, 2.
![Page 15: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/15.jpg)
Pluralistic Walkthroughs
• Usability Issues Covered• Effectiveness: Yes• Efficiency: No• Satisfaction: Yes
• Quantitative Data is not collected.
• Can NOT be conducted remotely.
• Can be used on any system, but works best on systems that you can walk up and use systems that don’t require explicit learning.
![Page 16: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/16.jpg)
Pluralistic Walkthroughs
• What is it?
• During the design stage, a group of people:• Users• Developers• Usability Experts
• Meet to perform a walkthrough.
![Page 17: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/17.jpg)
Pluralistic Walkthroughs
• How can I do it?
• The group meets and 1 person acts as coordinator.
• A task is presented to the group.
• Paper prototypes, screen shots, etc. are presented.
• Each participants write down comments on each interface.
• After the demo, a discussion will follow.
• http://www.cs.umd.edu/~zzj/PlurWalk.htm
![Page 18: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/18.jpg)
Feature, Consistency & Standards Inspection
• Applicable Stages:• Code, Testing and Deployment
• Personnel• Usability Experts, approximately 1.• Developers, 0.• Users, 0.
![Page 19: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/19.jpg)
Feature, Consistency & Standards Inspection
• Usability Issues Covered• Effectiveness: Yes• Efficiency: No• Satisfaction: No
• Quantitative Data is not collected.
• Can be conducted remotely.
• Works best on in house systems that have standards.
![Page 20: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/20.jpg)
Feature, Consistency & Standards Inspection
• What is it?
• Feature, Consistency & Standards are inspected by an expert.
![Page 21: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/21.jpg)
Feature, Consistency & Standards Inspection
• How can I do it?
• Feature Inspection• The expert is given use cases/scenarios and asked
to inspect the system.
• Consistency Inspection• The expert is asked to inspect consistency within
your application.
• Standards Inspection• The expert is asked to inspect standards.• Standards can be in house, government, etc.
![Page 22: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/22.jpg)
Heuristic Evaluation
A Closer Look At How To Evaluate Interfaces
![Page 23: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/23.jpg)
A Closer Look At Heuristic Evaluation
• Evaluation is easier than design.
• The principles that drive design, drive evaluation as well.
![Page 24: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/24.jpg)
5 Human Factors Principles
1. Language
2. Layout
3. Color
4. Tone & Etiquette
5. Special Considerations such as standards, disabilities, etc.
![Page 25: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/25.jpg)
Evaluating Language
• What is the language?• English, Chinese, Hindi, etc.
• Do the text messages convey a message?• If so, what is the message?
• Is the text long, short, organized, etc.
![Page 26: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/26.jpg)
Evaluating Layout
• Symmetry • Is the interface symmetrical?• Left-Right, Top-Bottom, Center
• Attention & Focus• Where does your attention & focus go?
![Page 27: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/27.jpg)
Evaluating Color
• Contrast• Are the color contrasts good?
• What meanings do the colors convey?• Pink … it’s a girl.• Blue … it’s a boy.
![Page 28: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/28.jpg)
Evaluating Tone & Etiquette
• Is the language offensive?
• Are the messages polite?
• Will the content offend anyone?
![Page 29: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/29.jpg)
Evaluating Special Considerations
• Features, Consistency & Standards.
• Does it work the way it is suppose to work?
• Is it consistent?
• Does it follow the standards?• Disabilities
![Page 30: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/30.jpg)
Affordances, Mappings & Constraints
• Use Affordances, Mappings & Constraints to evaluate interfaces and products.
• Use Affordances, Mappings & Constraints to design interfaces and products.
![Page 31: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/31.jpg)
Affordances
• Affordances refers to the perceived and actual properties of the “thing” that determine just how the “thing” could be used.
• The appearance of the “thing” tells you how to use it.
![Page 32: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/32.jpg)
Mapping
• The relationship between two things, in most cases the mapping from digital world to real world.
• Metaphors and analogies.
![Page 33: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/33.jpg)
Constraints
• Limitations on the product.
• Physical Constraints• Those that limit our physical use of the
product.
• Semantic Constraints• Relies upon semantic meaning & knowledge.• Example: automobile’s windshield faces
forward, therefore, you drive the car facing the windshield.
![Page 34: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/34.jpg)
Constraints
• Logical Constraints• There are the obvious, yet logical
constraints.• You can’t see items outside of your
screen’s view port.
• Cultural Constraints• Things that are specific to the user’s
culture.• Example: Americans drive on the opposite
side of the road versus Europeans and West Indians.
![Page 35: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/35.jpg)
Evaluating Interfaces
• Look for1. Affordances, Mappings & Constraints
2. Language
3. Layout
4. Color
5. Tone & Etiquette
6. Special Considerations such as standards, disabilities, etc.
![Page 36: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/36.jpg)
5 Human Factors Principles
1. Language
2. Layout
3. Color
4. Tone & Etiquette
5. Special Considerations such as standards, disabilities, etc.
![Page 37: User Interface Evaluation](https://reader035.fdocuments.us/reader035/viewer/2022062521/568167ab550346895ddcf969/html5/thumbnails/37.jpg)
Extra on Web Usability
• Jakob Nielson useit.com• Investigate Paper prototyping• Homepage Usability
•50 Websites Deconstructed•Visit Four exercises study guide and
try the exercises