HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles.

Slides:



Advertisements
Similar presentations
Support.ebsco.com EBSCOadmin Branding Tutorial. Welcome to the EBSCOadmin Skinning and Branding tutorial, where you will learn how to customize EBSCOhost.
Advertisements

And Design recommendations overview for Advisor Portal – workshop out puts Author: Windahl Finnigan JD Williams.
WILEY GUIDE TO CREATING USER REGISTRATION ON WILEY ONLINE LIBRARY
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
GENERAL USABILITY CONSIDERATIONS. Overview of usability Aspects of usability – Learnability, memorability, efficiency, error reduction Techniques for.
Tailoring Needs Chapter 3. Contents This presentation covers the following: – Design considerations for tailored data-entry screens – Design considerations.
Creating Accessible Word Documents by Debbie Lyn Jones, IT Manager I, NSU Webmaster FRIDAY, JANUARY 23, 2015.
Adobe PageMaker 6.5 Intermediate Level Course. Master Pages Palette The Master Pages palette allows you to create and apply Master Pages to Publication.
IS 213 Presentation Healthy Communities Florance Gee, Ran Li, Nettie Ng April 29, 2004.
--A technique for establishing a web presence with little cash outlay.
Design Critique vs. LIS Jill Goldstein Prof. Gilok Choi Chana Ziegler Brian McMains Suki Park.
Tutorial EBSCOadmin Branding support.ebsco.com. To help you enhance the search experience for your users, EBSCO offers a number of custom branding options.
SuccessNet- enVision Math’s online digital tool for home or school
Bingoopile It’s More Than Just a Search Engine…. By: Khalid Taha, Anna Bierma, & Tristen Eivins.
DESIGNING FOR IOS. iOS uses the following themes:  Deference. UI helps users understand and interact with the content, but never competes with it.
Scrap Book of Design Critiques by Rohit Maddipudi HF /03/2013 Bentley University 1.
Use a Large Bold Type for the Main Title Use Smaller Type for the Subtitle. Above type is 96 pt, this type is 66 pt Make Authors’ names smaller. This is.
In the Sandbox Playing with SkillPort 7 for the first time.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Web-designWeb-design. Web design What is it? Web-design features Before…
Page 1 LYP Usability Test Results | September 16, 2013 LYP Usability Test Results Conducted by Jayne Schurick Usability Consultant
New Features in Release 9.2 (July 27, 2009). 2 Release 9.2 New Features Updated Shopping Experience Home/Shop page Shop at the top search New Hosted Supplier.
Your New FSU EMarket “Before and After” Guide Shopping, Favorites, and More...
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
HealthCoach4Me Evaluation and Recommendations Esther Sheppard IDIA612.
Principles of Good Screen Design
1 Lesson 18 Organizing and Enhancing Worksheets Computer Literacy BASICS: A Comprehensive Guide to IC 3, 3 rd Edition Morrison / Wells.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
GILLINGS SCHOOL OF GLOBAL PUBLIC HEALTH Insert date here Title of presentation goes here Example image.
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
Zipcar ( BK FarmyardsZipcar URL S: The URL is clear, logical and intuitive to Brooklyn Farmyards O: Not all users are familiar with.
Zipcar ( Zipcar ( BK FarmyardsZipcar URL S: The URL is clear, logical and intuitive because it.
Welcome to the PowerPoint on how to use PowerPoint 2007 Neil Hecht Instructional Technology Facilitator Onslow County Schools.
Database Applications – Microsoft Access Lesson 7 Designing Custom Reports Updated 11/13 27 Slides in Presentation.
Urban Farming ( Urban Farming ( BK FarmyardsUrban Farming URL S: The.
 Each tab is geared towards a certain activity area.

Website Research Kieran Thompson-Oliver. Example 1: Hypebeast This website has been coded effectively because it is simple, easy to use and navigate and.
1 Lesson 13 Organizing and Enhancing Worksheets Computer Literacy BASICS: A Comprehensive Guide to IC 3, 3 rd Edition Morrison / Wells.
MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation.
Part III Let’s look at some examples. III-2 Good and bad practice Many web-page designers know about free on-line MT and include links Look out for –How.
WEEBLYWEEBLY A user friendly FREE website builder for your Business Tips and Instructions.
Usability Study Newsletter Sign Up. Visibility of CTA’s Users took considerable time (e.g. up to 1 minute) in locating the ‘ alerts’ tab in the RH.
Font, Font Size, and Text Color. When you have a text box open you have access to the font, font size, and font color from the home screen under the section.
Road Signs To know where you are and where you’re going.
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
A Quick Review Of Unit 6 – Using Microsoft Office PowerPoint 2007 Key Applications © CCI Learning Solutions Inc.
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.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Avaya.com Usability Test Findings and Recommendations March 22, 2002 Steve Ellis - Avaya.
Support.ebsco.com CINAHL with Full Text Advanced Searching – Guided Style Tutorial.
Master Medical Informatics Biomedical Research and evaluation Methodology Maarten Buiter Khalid Bohoudi Mark de Groot Evelyn Lai Usability evaluation of.
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.
Rapid Global | Suite 8, 240 Currie Street | Adelaide SA 5000 | | 1 Webmaster Instructions: Adding the Rapid link to your.
WEEBLYWEEBLY A user friendly FREE website builder Tips and Instructions.
Zipcar ( BK FarmyardsZipcar URL S: The URL is clear, logical and intuitive because it is the same as the organization’s (BK Farmyards)
By Vicky Vickers Summarized by Mr. Parslow Webpage Design.
PowerTeacher Gradebook PTG and PowerTeacher Pro PT Pro A Comparison The following slides will give you an overview of the changes that will occur moving.
Add Video Library in Company
Permeability (% of Control)
Permeability (% of Control)
Power Point: Microsoft 2007
Web-design.
Flipster App for iPad and iPhone
Fixed Positioning.
Adding information to provider pages
Step-3: Principles of Good Interface and Screen Design
Presentation transcript:

HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Overall Home Page Video Registration Health Library Coaching Plan

Home Page

Interesting use of and richness of color

Good use of multi-ethnic images

Clear, colorful icons

Home Page Recommendations

Tabs that appear to work like buttons

Tabs that are tabs

Spanish flag for “Spanish,” both “Tell a Friend” and “Share”

Cleaned up links

Moving graphics attract attention away from actions

Eliminate distractions

Text small, difficult to read for those over 40 years old

Larger text

Multiple “Register” buttons in multiple styles

Single “Register” button

Rollout contains little info, operation fights Fitts’s Law

Rollout now just an a list (could be linked to library info)

Bottom buttons, two of which are videos, cover same info

More interesting video prominent on home page

Video Recommendations

When played, video greys screen. Text version link upper left

(Video questions: Why both white? Why give them bad traits?)

Registration Recommendations

Registration page places reg below fold

Header is smaller. Emphasize benefits. Login and registration combined for ease of use, error prevention

Form information fits on single page above fold

Health Library Recommendations

Lack of hierarchy (unclear links/headings)

Clear distinction between heading and links

Irrelevant logo

New relevant graphic

What card?

New heading reflects content

Indicates required Register/Log In, but doesn’t indicate how to

Consistent Register/Log In button

Coaching Plan Recommendations

Coaching plan landing page is vague and uninviting.

New landing page begins with step 1 in process

Tabs confuses user on where they are

Eliminate tabs (& distractive graphic) from header

Instructions are unclear about exactly how many to choose

Provide clear instructions for selection options and process

Radio buttons further confuse and limit selection process

Selection boxes make multiple selections easy