Comp 15 - Usability & Human Factors

Slides:



Advertisements
Similar presentations
DEVELOPING A METHODOLOGY FOR MS3305 CW2 Some guidance.
Advertisements

Ch 11 Cognitive Walkthroughs and Heuristic Evaluation Yonglei Tao School of Computing and Info Systems GVSU.
11 HCI - Lesson 5.1 Heuristic Inspection (Nielsen’s Heuristics) Prof. Garzotto.
Electronic Communications Usability Primer.
MScIT HCI Web GUI design. IBM’s CUA guidelines - taster Design Principles Each principle has supporting implementation techniques. The two design.
Part 4: Evaluation Days 25, 27, 29, 31 Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what,
AJ Brush Richard Anderson
User Interfaces at Princeton By Ryan Walsh ’06 PSY 322 Spring 2004.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
Heuristic Evaluation Evaluating with experts. Discount Evaluation Techniques  Basis: Observing users can be time- consuming and expensive Try to predict.
Evaluation Through Expert Analysis U U U
Evaluating with experts
Heuristic Evaluation.
Heuristic Evaluation of Usability Teppo Räisänen
PART A Emac Lisp   Emac Lisp is a programming language  Emacs Lisp is a dialect.
1 SKODA-AUTO.CZ prototype evaluation Poznań, 23th of March 2015.
Heuristic evaluation IS 403: User Interface Design Shaun Kane.
Heuristic Evaluation: Hotels.com
User Centred Design Overview. Human centred design processes for interactive systems, ISO (1999), states: "Human-centred design is an approach to.
SAMPLE HEURISTIC EVALUATION FOR 680NEWS.COM Glenn Teneycke.
INFO3315 Week 4 Personas, Tasks Guidelines, Heuristic Evaluation.
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
Chapter 26 Inspections of the UI. Heuristic inspection Recommended before but in lieu of user observations Sort of like an expert evaluation Heuristics.
Basic Principles of HCI Lecture Requirements Analysis Establish the goals for the Website from the standpoint of the user and the business. Agree.
User Interface Design Session 11- LBSC 790 / INFM 718B Building the Human-Computer Interface Cartoon removed.
Nielsen’s Ten Usability Heuristics
Usability Evaluation/LP Usability: how to judge it.
10 Usability Heuristics for User Interface Design.
Multimedia Specification Design and Production 2012 / Semester 1 / week 5 Lecturer: Dr. Nikos Gazepidis
Usability Evaluation June 8, Why do we need to do usability evaluation?
SEG3120 User Interfaces Design and Implementation
Usability & Human Factors
Design 2 (Chapter 5) Conceptual Design Physical Design Evaluation
Mahindra Infotainment System Heuristic Evaluation v1.0 Maya Studios July 6, 2010.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Usability 1 Usability evaluation Without users - analytical techniques With users - survey and observational techniques.
Developed by Tim Bell Department of Computer Science and Software Engineering University of Canterbury Human Computer Interaction.
User Interface Evaluation Cognitive Walkthrough Lecture #16.
Heuristic Evaluation Short tutorial to heuristic evaluation
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Usability Heuristics Avoid common design pitfalls by following principles of good design Nielsen proposes 10 heuristics, others propose more or less. Inspect.
Basic Elements.  Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific.
Fall 2002CS/PSY Predictive Evaluation (Evaluation Without Users) Gathering data about usability of a design by a specified group of users for a particular.
Usability The user’s ability to access and operate the functionality provided by complex systems (Johnson, 2006) The extent to which a product can be used.
Ten Usability Heuristics with Example.. Page 2 Heuristic Evaluation Heuristic evaluation is the most popular of the usability inspection methods. Heuristic.
COGNITIVE WALKTHROUGH Vigneshwar Poojar. The cognitive walkthrough is a formalized way of imagining people’s thoughts and actions when they use an interface.
User Interface Evaluation Heuristic Evaluation Lecture #17.
Usability and Human Factors People and Technology, Studies of Technology Lecture b This material (Comp15_Unit1b) was developed by Columbia University,
© 2016 Cognizant. © 2016 Cognizant Introduction PREREQUISITES SCOPE Heuristic evaluation is a discount usability engineering method for quick, cheap,
Usability and Human Factors Cognition and Human Performance Lecture c This material (Comp15_Unit3c) was developed by Columbia University, funded by the.
Ten Usability Heuristics These are ten general principles for user interface design. They are called "heuristics" because they are more in the nature of.
Discount Evaluation User Interface Design. Startup Weekend Wellington CALLING ALL DESIGNERS, DEVELOPERS AND IDEAS FOLK: Startup Weekend returns to Wellington.
User Interface Design SCMP Special Topic: Software Development
Human Computer Interaction Lecture 15 Usability Evaluation
Human-Computer Interaction
Evaluation Techniques 1
Usability & Human Factors
HCI – DESIGN RATIONALE 20 November 2018.
A NEW FACE OF THE TECHNICAL COMMUNICATOR – UX IS OUR STRENGTH – WE DESIGN TO WRITE BY CHRIS GANTA © 2016, STC INDIA CHAPTER.
Unit 14 Website Design HND in Computing and Systems Development
Heuristic Evaluation Jon Kolko Professor, Austin Center for Design.
Software Engineering D7025E
One-timer?. A new face of the technical communicator – UX is our strength – we design to write.
10 Design Principles.
Making diabetes management fun and easy for kids
Chapter 26 Inspections of the user interface
CSE310 Human-Computer Interaction
User Interface Design.
Nilesen 10 hueristics.
CSM18 Usability Engineering
Presentation transcript:

Comp 15 - Usability & Human Factors Unit 8c - Approaches to Design This material was developed by Columbia University, funded by the Department of Health and Human Services, Office of the National Coordinator for Health Information Technology under Award Number 1U24OC000003.

Design Principles to Support Usability (Dix et al, 2004) Learnability Ease with which new users can achieve a) basic proficiency and then b) mastery Flexibility Flexible ways in which the user and system exchange information Robustness Level of support provided to user in determining successful achievement and assessment of goals Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Learnability Factors Predictability Support for the user to determine the effect of future action based on past Synthesizability User can understand effect of past operations on the current state of system Familiarity Extent to which a user’s knowledge and experience can be applied when interacting with a new system Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Learnability Factors Cont. Generalizability Support for the user to extend knowledge within and across applications Consistency Likeness in input-out behavior arising from similar situations or similar task objectives Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Usability Principles and Design Heuristics (Nielsen, 1993) Visibility of system status Match between system and the real world User control and freedom Consistency and standards Error prevention Error handling Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help and documentation Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 1. Visibility Keep users informed Make state transitions explicit Animate dynamic processes Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Be Obvious Where am I? What’s happening? What can I do? What do I need to know? Most users are not interested in “exploration” Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Animate Slow Processes Progress Bar Added Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 2. Match System to World Avoid Jargon Speak the users' language Follow real-world conventions Present information in a natural and logical order. Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

3. User Control and Freedom Clearly marked "emergency exit" Support undo, redo and “back” User configurable preference and interfaces Avoid fixed sequences Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

4. Consistency and Standards Consistent placement Consistent action models Beware modal behaviors Follow platform conventions Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

The Law of Least Astonishment The system should never “surprise” the users. It should always behave in the “expected” manner Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 5. Error Prevention Make “bad things” hard to do Data checks before “submit” Identify errors early Confirm unrecoverable actions Avoid “dialog escape” Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 6. Error Handling Help users recognize, diagnose, and recover from errors No codes Error messages should be expressed in plain language The very worst error messages are those that don't exist Precisely indicate the problem Suggest a solution Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Some Favorite Error Messages Abort? Retry? Fail? Ignore? -3162 Incorrect Magic Number 207.171.0.250 does not like recipient. Permanent Compiler Error Panic Error: An unexpected error has occurred Error: The operation completed successfully Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

7. Recognition, not Recall Minimize users’ memory load Minimize hidden functions Make objects, actions, and options visible. Instructions visible or easily retrievable. The user should not have to remember information from one screen to another. Make sequential steps explicit Minimize command languages Proper Default Doses & Routes Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Icon If You Can Use icons to reinforce content Pictures recalled better than words Test your icons Avoid subtle distinctions Avoid “cute” metaphors Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

8. Flexibility and Efficiency Allow users to tailor frequent actions. Keyboard Shortcuts Macros / Scripting Programmable Interfaces Order Sets Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

9. Aesthetic and Minimalist Design Screen content should relate to user’s goals Many users will not be able to separate relevant from irrelevant Design and Decoration should enhance visibility Remove item Test application If the application still works, leave it out The removal test Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Color With Care Design in black and white Four or fewer colors Avoid saturated colors Do not encode only in color Use color consistently Avoid color opposites Beware unintended color meaning Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Funday Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

10. Help and Documentation … until something breaks No one reads the manual Plan instructions for problem solving Many users accustomed to paper, not computer Step-wise, pictorial instructions Invaluable for remote support Test your documentation Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Reducing System Barriers for Older Adults IDEATel Informatics for Diabetes Education And Telemedicine Large-scale home-based telemedicine project for medically-underserved diabetic patients Older adults with limited computer literacy Usability testing revealed a range of user problems that impeded productive use Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Changes to Design Simplify without reducing functionality! Go Big: large text and buttons Reduce memory load/minimize task complexity Improve contrast Enhance navigation Reduce burden on psychomotor skill Mouse-based system to touch screen Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Generations Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Gen 1a Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Gen 1b Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Gen 2 Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 Pedometer Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011

Health IT Workforce Curriculum Version 2.0/Spring 2011 References Dix A., Finlay J.E., Abowd G.D., Beale R. (2004). Human-Computer Interaction. 3rd ed. Essex, England: Prentice-Hall;. Kaufman D.R., Patel V.L., Hilliman C., Morin P.C,. Pevzner J., Weinstock R.S., et al. (2003). Usability in the real world: assessing medical information technologies in patients' homes. Journal of Biomedical Informatics. Feb-Apr;36(1-2):45-60. Mayhew, D. J. (1999). The usability engineering lifecycle. San Francisco, CA.: Morgan Kaufmann Publishers, Inc. Nielsen, J. (1994). Heuristic evaluation. In J. Nielsen & R. L. Mack (Eds.), Usability Inspection methods (pp. 25-62). New York: Wiley. Norman DA. Cognitive engineering. In: Norman DA, Draper SW, editors. User centered system design: New perspectives on human-computer interaction. Hillsdale, NJ: Lawrence Erlbaum Associates; 1986. p. 31-61. Polson, P. G., Lewis, C., Rieman,J., & Wharton, C. (1992). Cognitive walkthroughs: A method for theory-based evaluation of user interfaces. International Journal of Man-Machine Studies, 36, 741-773. Preece, J. Rogers, Y. & Sharp, H. (2007) Interaction Design: Beyond Human-Computer Interaction. 2nd Edition. New York, NY: John Wiley & Sons Ruland CM, Starren J, Vatne TM. Participatory design with children in the development of a support system for patient-centered care in pediatric oncology. J Biomed Inform. 2007 Nov 13; Shea, S. Starren, J. Weinstock, R.S, Knudson, P.E., Teresi J. and Holmes, D. et al., Columbia University’s Informatics for Diabetes Education and Telemedicine (IDEATel) Project: rationale and design, J Am Med Inform Assoc 9 (1) (2002), pp. 49–62. Starren J, Hripcsak G, Sengupta S, et al. Columbia University's Informatics for Diabetes Education and Telemedicine (IDEATel) project: technical implementation. J Am Med Inform Assoc. 2002;9:25–36. Starren, J. Weinstock, R.S, Palmas, W., Izquierdo, R., Morin, P. and Kaufman, D.R. Diabetes. In: R. Wootton, S.L. Dimmick and J.C. Kvedar, Editors, Home telehealth, Connecting care within the community (2006), pp. 171–183. Component 15/Unit 8c Health IT Workforce Curriculum Version 2.0/Spring 2011