Hi600 u09_inst_slides

1. HI-600: Analysis and Design of Health Information Systems
Design: Part III
User Interface

2. Principles For User Interface Design

3. Layout

4. Principles For User Interface Design

6. Principles For User Interface Design

7. USER INTERFACE DESIGN PROCESS

8. Use Scenario Development

9. Interface Structure Design

10. Interface Standards Design
• Interface metaphor – the real world concept
• Interface template – general appearance of all
screens, forms, and reports
• Interface objects – building blocks of the system
• Interface actions – most common actions
• Interface icons – represent objects, actions and
their statuses

11. Interface Design Prototyping
Storyboard
*http://www.usabilitycounts.com/2013/07/02/need-html-prototyping-resources-heres-my-list/
HTML Prototype
Language Prototype

12. Interface Evaluation
• Heuristic evaluation – based on design
principles
• Walk-through evaluation – meeting with the
users
• Interactive evaluation – users try the interface
• Formal usability testing – almost scientific

13. Usability
Quality of a user’s experience when interacting
with a product or system
• Ease of learning/learnability
• Efficiency of use
• Supports cognitive task
• Memorability
• Error frequency & severity
• Aesthetics
• Subjective satisfaction
Factors affecting the user’s experience:
Adapted from: http://knowledge.amia.org/onc-ntdc/usability-and-human-factors-1.379697

14. Usability Principles
Visibility of system
status
Match between
system & read
world
User control &
freedom
Consistency &
standards
Help user
recognize,
diagnose and
recover from errors
Minimize memory
load
(recognition over recall)
Flexibility &
efficiency
Motivation &
engagement
Adapted from: http://knowledge.amia.org/onc-ntdc/usability-and-human-factors-1.379697

15. Sources of Usability Evidence
Basic Observation
Expert review/usability inspection
• Testing situation
End-user observation
Video capture & review
• Qualification & quantification
Formal coding
Adapted from: http://knowledge.amia.org/onc-ntdc/usability-and-human-factors-1.379697

16. Good Design
*http://www.flickr.com/photos/cyberslayer/1437957836/sizes/l/in/photostream/
Adapted from: http://knowledge.amia.org/onc-ntdc/usability-and-human-factors-1.379697

17. CPOE System
*Horsky, J., Kaufman, D.R., Oppenheim, M.I. & Patel, V.L. (2003). A framework for analyzing the cognitive
complexity of computer-assisted clinical ordering. Journal of Biomedical Informatics, 36, 4-22
Adapted from: http://knowledge.amia.org/onc-ntdc/usability-and-human-factors-1.379697

18. MedlinePlus Senior’s Health
*Kaufman, D.R. & Starren, J. B. (2006). A methodological framework for evaluating mobile health devices. In the
Proceedings of the American Medical Informatics Annual Fall Symposium. Philadelphia: Hanley & Belfus. 978
Adapted from: http://knowledge.amia.org/onc-ntdc/usability-and-human-factors-1.379697

19. Problematic Interfaces
*http://upload.wikimedia.org/wikipedia/commons/6/66/Butterfly_large.jpg
Adapted from: http://knowledge.amia.org/onc-ntdc/usability-and-human-factors-1.379697

20. Modified PCA Interface
*Lin, L., Isla, R., Doniz, K., Harkness, H., Vicente, K. J., & Doyle, D. J. (2002). Applying human factors to the design of
medical equipment: patient-controlled analgesia. Journal of Clinical Monitoring & Computing, 14(4), 253-263.
Adapted from: http://knowledge.amia.org/onc-ntdc/usability-and-human-factors-1.379697

21. Glucose Meters
*Kaufman, D.R. & Starren, J. B. (2006). A methodological framework for evaluating mobile health devices. In the
Proceedings of the American Medical Informatics Annual Fall Symposium. Philadelphia: Hanley & Belfus. 978
Adapted from: http://knowledge.amia.org/onc-ntdc/usability-and-human-factors-1.379697

22. NAVIGATION DESIGN
• Basic Principles
• Prevent mistakes
• Simplify recovery from mistakes
• Use consistent grammar order
• Types of Navigation Controls
• Languages
• Menus
• Direct Manipulation
• Messages

23. Types of Menus

24. Types of Messages

25. INPUT DESIGN
• Basic Principles
• Use online and batch processing appropriately
• Capture data at the source
• Minimize keystrokes
• Input Types
• Input Validation

26. Types of Inputs

27. Input Validation

28. OUTPUT DESIGN
• Basic Principles
• Understand report usage
• Manage information load
• Minimize bias
• Media
• Types of Outputs

29. Types of Outputs

30. SUMMARY
• User interface design principles
• The user interface design process
• Navigation design
• Input design
• Output design