RangeBasicsCause Helen Monkman & Andre Kushniruk A Health Literacy and Usability Heuristic Evaluation of a Mobile Consumer Health Application August 22,

Slides:



Advertisements
Similar presentations
Centre for the Enhancement of Learning and Teaching Supporting & Enhancing Online Teaching & Learning by Catherine Ogilvie Centre for the Enhancement of.
Advertisements

August 9 Usability planning and conferences. Evaluations Fill out online eval form Optional: Write a letter to instructor about your experiences in the.
Copyright © 2013 Pearson Education, Inc. Publishing as Prentice Hall. Microsoft Office 2010 PowerPoint, Workshop 1 Communication with Presentations.
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
Web Accessibility Web Services Office of Communications.
Evaluation of Web Sites: What Works and What Doesn't Sue Ellen Hansen, Survey Research Operations, University of Michigan Matthew Richardson, ICPSR, University.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Ten Guidelines for Improving Online Communications.
Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.
Web Printing Continue on Web Usability It is a good idea that web sites can provide a printing version and browsing version for the same document.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
DoW text: Task and WP leaders will prepare syntheses reports of the project progress, its results and its implications. These synthesis reports will be.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
INACOL National Standards for Quality Online Teaching, Version 2.
Assessing Library Web Portals: Usability and Beyond Yu-Hui Chen University at Albany, State University of New York ENY/ACRL 2012 Conference Mohawk Valley.
Writing for the Web: What the Research Tells Us Writing for the Web: What the Research Tells Us Plain Language Workshop April 1, 2008 Sandra Williams Hilfiker.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
2015/16 INTRODUCTION TO THE SFE QUICK START GUIDES Instructions for Hosting and Sharing.
GAO YUAN We are here for:  We know iPhone from iOS Human Interface Guidelines  The guidelines and principles that help you.
Electronic Communication and Web Accessibility Workshop.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
Week 2 Web Site Design Principles. 2 Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for.
Apple Iphone Woubshet Nema Bethelhem Tadele.  This is a presentation about AppleIphoneguidelines  Woubshet Nema  Bethelhem.
ARKANSAS DEPARTMENT OF HEALTH Health Literacy Online Marisa Nelson, MPS Health Educator Chronic Disease Prevention and Control.
Designing metro style apps for Windows 8 A walkthrough some UI / UX best practices Lanny Geffen, Creative Director, Digiflare.
Technology for Students with Special Needs E.Brown Forward.
MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Assessment Literacy Series 1 -Module 6- Quality Assurance & Form Reviews.
Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
What is Usability? Usability Is a measure of how easy it is to use something: –How easy will the use of the software be for a typical user to understand,
Heuristic evaluation Functionality: Visual Design: Efficiency:
Usability Testing October 17, Overview Heuristic Evaluation and Usability Testing (25 min) Client Relationships – Lisa Lowthers (30 min) Review.
Designing Quality Prevention Tools Caitlin Blood, MPH, CHES Office of Disease Prevention and Health Promotion U.S. Department of Health and Human Services.
Unit 4 – Design and produce multimedia products AO1 – Review several existing multimedia products Mr Farmer.
1 ISE 412 Usability Testing Purpose of usability testing:  evaluate users’ experience with the interface  identify specific problems in the interface.
Introduction to Web Page Design. General Design Tips.
Copyright © 2012 W3C (MIT, ERCIM, Keio) BAD: Before and After Demo Shadi Abou-Zahra W3C Web Accessibility Initiative (WAI)
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
BSA Website Redevelopment Information Architecture.
Web Content Development IS Dr. Ravi Kuber Accessible Web Design.
ELearning Presentation By Elizabeth Tomzik. Outline of Presentation About this presentation Why I chose PowerPoint Types of mediums PowerPoint and media.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Accessibility : Designing the Interface and Navigation The Non-Designer’s Web Book Chapter 7 Robin Williams and John Tollett Presented by Sherie Loika.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
1 Web Developer Foundations: Using XHTML Chapter 7 Web Site Design.
BY: C.MADHUMATHI, II MCA “B” SEC, 08MCA54. Contents Product Accessiblity 1. Introduction 2. Text Equivalents –Audio,Video,Images 3. Low Vision 4. Style.
Developing Website Content Project Process Content Strategy and Management Writing for the Web Tips and Tricks Discussion Items.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
2 |2 | Overview of the presentation What is disability? What is the global situation for persons with disabilities? What is accessibility? What is ICT.
Instructions for Hosting and
Understanding the principles of website development
Investigating User Interfaces
Sandra Williams Hilfiker
Katherine Prentice, MSIS Richard Usatine, MD
Fixed Positioning.
Unit 14 Website Design HND in Computing and Systems Development
International University of Japan
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Web Standards and Accessible Design.
Web content management
Accessibility.
Presentation transcript:

RangeBasicsCause Helen Monkman & Andre Kushniruk A Health Literacy and Usability Heuristic Evaluation of a Mobile Consumer Health Application August 22, 2013

1. Health Literacy – “the ability to access, understand, evaluate and communicate information” (Rootman & Gordon-El-Bihbety, 2008, p. 11) 2. Usability – the extent to which “a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use." (ISO ) Health Literacy and Usability Introduction MethodsResultsDiscussionClosing

Introduction If consumers cannot understand the content, they may have difficulty achieving their goals If the system is hard to use, consumers may have challenges accessing the information Health Literacy Usability Consumer HISs IntroductionMethodsResultsDiscussionClosing Health Literacy and Usability

Introduction The value of consumer HISs hinge on aligning consumers levels of health literacy with the demands these systems place on health literacy IntroductionMethodsResultsDiscussionClosing The Health Literacy Challenge Consumers with Low Health Literacy System Demands on Health Literacy

Introduction Validated measures for evaluating users’ levels of health literacy exist – however, they do not measure system demands on health literacy Readability measures demands on health literacy – but do not assess the impact of system display and design This study focused on lowering demands on health literacy through information display and design IntroductionMethodsResultsDiscussionClosing Lowering Demands on Health Literacy

Introduction To develop a new set of evidence-based heuristics that evaluate both usability and demands on health literacy Based on studies of usable health websites with participants who had limited health literacy IntroductionMethodsResultsDiscussionClosing Study Objectives To determine the utility of these heuristics in identifying opportunities to improve the usability and decrease demands on users’ levels of health literacy in a mobile consumer health application

Introduction Methods Usability experts assess how well a system complies with design principles (i.e., heuristics) Existing heuristics, such as Nielsen’s (1993), or new heuristics can be used ResultsDiscussionClosingIntroduction Heuristic Evaluation When the system violates a given heuristic it is assigned a severity rating A new set of heuristics and severity scale were developed for this study

Introduction Methods Tan, Liu and Bishu’s (2009) severity scale was complemented with explanations of health literacy ResultsDiscussionClosingIntroduction Severity Scale Development Mild Health Literacy: Most users will understand the content. Usability: Users can easily work around these problems. Moderate Health Literacy: Some users will understand the content. Misunderstanding will not result in harm to users. Usability: Users stumble over the problem, but can quickly adapt to it. Severe Health Literacy: Few consumers will understand the content. Misunderstanding could result in harm to users. Usability: Users have difficulty, but can find workarounds and where users are unable to complete tasks.

Some guidelines were modified for mobile devices Introduction Methods ResultsDiscussionClosingIntroduction Heuristic Development Health Literacy Online: A guide to writing and designing easy-to-use health Web sites (HLO Guide) was parsed for design guidelines U.S. Department of Health and Human Services, Office of Disease Prevention and Health Promotion (2010) Guidelines (e.g., paragraphs < 3 lines; use bulleted lists; avoid long words)  29 heuristics (e.g., Spacious)  5 categories (e.g., Content)

Introduction Methods ResultsDiscussionClosingIntroduction HLO Heuristics Screens Home Screen, Registration Content Hierarchy, Promotion, Positive Tone, Specific, Colloquial, Accurate, Spacious, Personal, Headings Display Consistency, Font, Spacious, Location of Content, Images, Contrast, Accessibility Navigation Topics, Orientation, Back Button, Linear Navigation, Buttons, Links, Search Interactivit y Engage, Print, Multimedia, New Media,

Introduction Methods The mobile consumer health app was described as a clear and simple reference guide for everyone to understand his or her blood test reports An evaluation table of the heuristics and their ancillary guidelines was used to evaluate the app The investigator explored all of the app’s screens and recorded violations, assigned severity ratings and took screenshots of violations ResultsDiscussionClosingIntroduction Procedure

Introduction Results Introduction Results MethodsDiscussionClosingIntroduction Frequency of Heuristic Violations

Introduction Results Introduction Results MethodsDiscussionClosingIntroduction Content Spacious (no bulleted lists, dense text) Specific (no actionable content) Colloquial (acronyms were not explained) Display Images (none to support written explanations) Font (small, not adjustable) Navigation Orientation (random list of 47 topics) Linear Navigation (not obvious more pages existed and available through swiping motion) Interactivity Print (could neither print nor the pages) Examples of Heuristic Violations

Introduction Results Introduction Results MethodsDiscussionClosingIntroduction App Re-Design Orientation & Linear Navigation Buttons & Colloquial Font Headings Specific Spacious Link Linear Nav AccessibilityPrint & Engage Linear Nav

Introduction Discussion MethodsResultsClosingIntroduction Evidence-based heuristics were developed for assessing demands on health literacy and usability These heuristics demonstrated utility in generating design recommendations to improve a mobile consumer health application This set of heuristics provides specific and objective design recommendations based on studies on users with limited health literacy Discussion

Introduction Closing MethodsResultsDiscussionIntroduction Consumer health information systems should be designed with considerations for health literacy and usability Design methods involving users with limited health literacy may help ensure these criteria are met However, existing systems may benefit from inspection methods for adherence to guidelines for usability and health literacy Conclusion

Introduction Closing MethodsResultsDiscussionIntroduction

Closing MethodsResultsDiscussionIntroduction Rootman I, and Gordon-El-Bihbety D. A vision for a health literate Canada. Ottawa, ON: CPHA; ISO Ergonomic requirements for office work with visual display terminals (VDTs) Part 11: Guidance on usability. International Organization for Standardization; Tan W, Liu D, and Bishu R. Web evaluation: Heuristic evaluation vs. user testing. Int J Ind Ergonom 2009; 39(4): U.S. Department of Health and Human Services, Office of Disease Prevention and Health Promotion. Health literacy online: A guide to writing and designing easy-to-use health Web sites. Washington, DC References

Introduction Closing MethodsResultsDiscussionIntroduction Screens Home Screen Have a simple and engaging home page. Registration Make registration and logging in as simple and obvious as possible Appendix – Screens Heuristics

Introduction Closing MethodsResultsDiscussionIntroduction Content Hierarchy Put the most important information first. Promotion Tell users what to do and how to do it. Positive Tone Stay positive and realistic. Include the benefits of taking action. Specific Provide specific action steps. Colloquial Write in plain language. Accurate Check content for accuracy. Spacious Display content clearly on the page. Personal Include a limited amount of interactive content that users can tailor. Headings Use meaningful headings. Appendix – Content Heuristics

Introduction Closing MethodsResultsDiscussionIntroduction Display Consistency Ensure styles are consistent. Font Ensure the font is easy to read. Spacious Use white space and avoid clutter. Location of Content Keep content in the center of the screen and above the fold. Images Use images that facilitate learning. Contrast Use bold colors with contrast and avoid dark or busy backgrounds. Accessibility Make the system accessible to people with disabilities. Appendix - Heuristics

Introduction Closing MethodsResultsDiscussionIntroduction Navigation Topics Put topics in multiple categories. Orientation Enable easy access to home and menu screens. Back Button Make sure the “Back” button works. Linear Navigation Use linear information paths (e.g., numbered screens). Buttons Simplify screen-based controls and enlarge buttons. Links Label links clearly and use them effectively. Search Include simple search and browse options. Appendix - Heuristics

Introduction Closing MethodsResultsDiscussionIntroduction Interactivity Engage Invite users to share content and provide feedback about their experiences. Print Include printer-friendly tools and resources. Multimedia Incorporate audio and visual features. New Media Explore new media such as Twitter or text messaging. Appendix - Heuristics