HealthCoach4Me Evaluation and Recommendations Esther Sheppard IDIA612.

Slides:



Advertisements
Similar presentations
Usability Prepared by: The NYS Forum for Information Resource Management IT Accessibility Committee.
Advertisements

Web Design and Multimedia Production Mrs. Brandt-White.
PRIORITIZING WEB USABILITY. Introduction  How the Book Study Was Conducted  Tested 69 users ages Broad range of job backgrounds and web experience.
Beyond the theory: Getting started with E-Books AS Applied ICT Excel.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Homepage Design Audience Satisfaction Survey. Survey Goal: The new website design should invoke an aesthetic emotional response with our audience. The.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Usability Test Results Ryan P. Trainor 1. Purpose: Paintball retail website, Real Action Paintball, based in Santa Clara, CA. *Target User.
Reverb Usability Blink UX Study and Reverb User Experience Jeff Siarto UI/UX Design, NASA Earth Data Team.
Content Management System 213 Project Peter Roessler, Dhea Maloney, Chris Marin, Chan Jean Lee.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
CSI-553 Internet Information Presented by: Ignacio Castro June 28, 2006 Internet Usability.
Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Web-designWeb-design. Web design What is it? Web-design features Before…
ARKANSAS DEPARTMENT OF HEALTH Health Literacy Online Marisa Nelson, MPS Health Educator Chronic Disease Prevention and Control.
RangeBasicsCause Helen Monkman & Andre Kushniruk A Health Literacy and Usability Heuristic Evaluation of a Mobile Consumer Health Application August 22,
HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles.
SAMPLE HEURISTIC EVALUATION FOR 680NEWS.COM Glenn Teneycke.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Dashboard Razzle Dazzle Marcy Miller Tait Wednesday, October 07, 2015 Copyright 2009, Information Builders. Slide 1.
Basic Navigation Tips.  Please reset your bookmarks to these:  STUDENTS ◦ Elementary Level: 
Interactive Learning Aid for Moloch Horridus Chris Smith, James Stimpson, Laura Wallace & Michael Whittaker.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Web Site Usability: Chapter 3 Billboard Design Summary Notes on Steve Krug Don’t Make Me Think New Riders, 2 nd Edition Ben Hunt Web 2.0 How to Design.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.
Dr. Andrew P. Ciganek WebsiteNightmares. Why Examine User Interface? Developers often lack user interface expertise –Many “mistakes” are quite common.
HealthCoach4Me.com : Heuristics Presentation Dave Maruszewski & Shirley Carvalhedo.
Interface Design.
Guidelines for ENSCONET partners in the use of the e-forum.
Custom Fab Solutions Website Date of evaluation: Heuristic Evaluation.
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation.
HealthCoach4Me.com : HEURISTICS Dave Maruszewski & Shirley Carvalhedo.
Windows layout. During the design process, the individual elements, or building blocks, of screens will have been identified. A logical flow of information.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Heather Mathieson Megan McKeever. 1. Register / Log In is not visually prominent 2. Presentation lacks visual control 3. Scrolling list is difficult.
Web Site Development - Process of planning and creating a website.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
We looked at these two presentations and talked about the structure of setting up the table.
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.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
 Add one element at a time  If it doesn’t do what you want, › Delete it › DON’T just keep piling on more items.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Master Medical Informatics Biomedical Research and evaluation Methodology Maarten Buiter Khalid Bohoudi Mark de Groot Evelyn Lai Usability evaluation of.
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
Usability Testing and Web Design
Basics of Website Development
Web Site Design Plan Checklist
Web-design.
Step 1: Design for a Computer Medium
Fixed Positioning.
Basic Web site Design PMEHS Web Design Dr. Kerby.
Presentation transcript:

HealthCoach4Me Evaluation and Recommendations Esther Sheppard IDIA612

Home page:“Take Charge of Your Health” Activates users to take action Patient Activation Measure

Goal: Visual simplification; Visual Simplification 1. Three large boxes at bottom are more distinguishable then elements above. 1 1

Site has vibrant color; implies energy, success, and fun with lots of information. Users can identify with portraits. Homepage is visually too busy; hard to read/scan Healthcoach4Me.com Home page 1.Too much motion 2. Not enough negative (empty/quiet) space

By simplifying visual space user can find and read primary information easily Visual Simplification

Visual simplification Visual Simplification Registration buttons have been consolidated to one prominent location. In interior pages it is a rectilinear button in similar location. 2.Animated squares were removed and replaced with two links to videos. “Why Register” was removed. 3.More negative space as well as appropriate space between lines of text makes reading and scanning easier to communicate important information

Healthcoach4Me.com Includes audience of older adults –Stress Management –COPD –Heart Disease –Diabetes –Medicine Audience

Goal: Navigation which is usable for all targeted age groups; Use proportional size to distance of targets Navigation The purple space between the main navigation and secondary navigation is too wide and isn’t utilized effectively. 2.The distance between links is too far and the targets are too small. 3.Result: Older adults will have a more difficult time using the site.

Navigation is usable for all targeted age groups; Proportional size to distance of targets Navigation 1.Main navigation is grouped closely and larger in scale. Health Library opens to reveal Health Management and Medical Conditions categories. 2.My Coaching Plan slides down to accommodate two categories

Goal: Enable users to skip repetitive navigation links Navigation

The previous animated program list opens to the same list which requires an added step to register or take a tour. Navigation

Process Flows: Animated Programs on left. Proposal on right. Navigation Home Health Library Health Management Medicine Home View all Programs Registration form Dashboard Health Library Medicine

The previous animated program list which constitutes the Health Library, has been reorganized into two categories which open to reveal linked text. Navigation 1. Icons have been removed. 2. Alternative, static, healthful happy person image Result: Navigation is in one place; links go directly to content

Goal: Error Prevention Error Prevention 1. Unnecessary space contributes to need to scroll (2). 3. Text is too small and not spaced well. Result: Chunking would enable older users to register more easily

Provide clear feedback on actions; fix bug Problem with login is already registered but doesn’t match records. 2. Password is correct

Registration Process Error Prevention Login and Register take user to one point of entry.

Login or register entry point Error Prevention User has single page to complete login process or initiate registration.

Text block is chunked to eliminate scrolling Error Prevention Separation of text block from form enables quick scanning.

Goal: Consistency and Anticipation Error Prevention Registration steps let user know where they are in process 2.Input is in consistent location

Consistency of location of input Error Prevention Next Step in same location.

“Start my Coaching Plan” finalizes process with “Submit” Error Prevention

“Explore” programs are redundant with health library but don’t have a clear purpose. Health Tools

Alternative proposal on home page: “Try a Health Tool” Health Tools

Health Tools: Three health tools for users to sample directly. Health Tools

Process Flows: Animated Programs on left. “Try a Health Tool” on right. Health Tools Home Try a Health Tool Relaxation Activity Home View all Programs Registration form Dashboard Health Library COPD Result: Direct Access to tool Less Frustration Experiential information delivered Provides broader understanding of resources on site Interactive

Recommendations: Consider older users as guide for interface and interaction design Simplify visual space Simplify and reorganize navigation; utilize Fitts’ Law Minimize vertical scrolling Use familiar language Organize registration for one point of entry; simplified visual field, consistency and anticipation Reconsider goal of animated program list; use minimal selection to inform potential members of available tools with direct action and broaden their understanding of what the site offers. Additional recommendation: Consider content inventory of all PDF’s and reorganize to inform categorizations and access.

References Athavale, A., V., (2010) Usability evaluation of two websites providing information on Diabetes. Journal of Health Informatics in Developing Countries. Vol.4 No.2.P46. Retrieved June 1, 2011 from Chisnell,D, E., Redish, J, C., Lee, A. (2006) New heuristics for understanding older adults as web users. Retrieved May 28,2011 from De Jong, M., Van Der Geest, T., (2000) Characterizing web heuristics. TechnicalCommunication 47 pp Retrieved May 28, 2011 from Hibbard, J. (2007) The elusive health care consumer: What will it take to activate patients? Retrieved May 28, 2011 from Koivunen, M-R., McCathieNevile, C. (2009) Accesible graphics and multimedia on the web. Retreived on May 31, 2011 from Nielsen, J. Ten usability heuristics. Retrieved on May 28, Heuristics

References Paddison. C., Englefield, P., (2004) Applying heuristics to accessibility inspections. Interacting with Computers 16, pp. 507–521. Retrieved May 28,2011 from: Randeree, E. and Rao, H.R. (2004) ‘E-health and assurance: curing hospital websites’, Int. J. Electronic Healthcare, Vol. 1, No. 1, pp.33–46. Research-based web design & usability guidelines. Retrieved June 1, 2011 from Section 508 standards guide Retrieved May 28, 2011 from Tognazzini, B. First principles of interaction design Retrieved May 29, 2011 from Heuristics