Shirley Carvalhedo and Dave Maruszewski. People who frequently are concerned about their health would use this health application to easily log, view.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

BETTER INTERACTION FOR BETTER COMMUNICATION. A little preview of the PowerVote Quizz toolbar.
XX/XX/XX Presenter names Position Title Accessibility “How to”
LO-FI PROTOTYPING AND USABILITY TESTING Michelle Yee| Issam Lamsili | Elly Searle | Blake Thomson CSE 440.
XP New Perspectives on Microsoft Office Word 2003 Tutorial 1 1 Microsoft Office Word 2003 Tutorial 1 – Creating a Document.
Gender Issues in Systems Design and User Satisfaction for e- testing software Prepared by Sahel AL-Habashneh. Department of Business information systems.
XP 1 Microsoft Office Word 2003 Tutorial 1 – Creating a Document.
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
Chapter 13: Designing the User Interface
Chapter Accreditation Online System Usage Tutorial Department of Member Relations & Grants National Children’s Alliance.
6 th Annual Focus Users’ Conference Application Editor and Form Builder Presented by: Mike Morris.
PowerPoint 2007 © : The Power of Presentations How can Microsoft PowerPoint 2007 help you finalize a presentation for an audience?
Open and save files directly from Word, Excel, and PowerPoint No more flash drives or sending yourself documents via Stop manually merging versions.
Design Problems  Limited Market  Too Many Other Devices  No Standard Design Among Devices.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
1 CGS1060 Mobile UIs Copyright 2012 by Janson Industries.
Page 1 Mobile Quote & Payment Request Usability Test Results | January 2015 Quote and Payment Requests Mobile (iPhone) Usability Test Results Conducted.
Heuristic Evaluation “Discount” Usability Testing Adapted from material by Marti Hearst, Loren Terveen.
Myalliplan Overview July 11, ©2005, imc 2. All rights reserved. 2 myalliplan overview Individually tailored online action plan with customized guidance,
Interface Re-Design “My Fitness App” Kristen Kuron Dr. Gibbs, JMA464 Assignment 2.
Appalachian Student Advising Program For Advisors.
Park House School © P.Marshman All Rights Reserved Building a Smarter Planet Lesson 5: Presenting your smarter ideas.
Advanced Forms Lesson 10.
Unit 1 – Improving Productivity Tyler Dunn Instructions ~ 100 words per box.
DMS 546/446 INTERFACE DESIGN AL LARSEN – SPRING 2008 PAPER PROTOTYPING Lecture draws from multiple sources, including: Jakob Nielsen, Shawn Medero (
Safe Mobile Devices Designs Kristen Kuron JMA464; Dr. Gibbs Prototype A Prototype B.
Traveler Search Usability Test Results Conducted 4/2-9, 2013 Page 1 Traveler Search (Responsive Design) Usability Test Results Conducted by Jayne Schurick.
Allen Stauffer Rarihwenhawi LaFrance.  University students often lack time to keep track of grades and monitor progress  System would focus on providing.
Interface Design Natural Design. What is natural design? Intuitive Considers our learned behaviors Naturally designed products are easy to interpret and.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Heuristic evaluation Functionality: Visual Design: Efficiency:
HealthCoach4Me.com : Heuristics Presentation Dave Maruszewski & Shirley Carvalhedo.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
1 ISE 412 Usability Testing Purpose of usability testing:  evaluate users’ experience with the interface  identify specific problems in the interface.
Final Presentation Red Team. Introduction The Project We are building an application that can potentially assist Service Writers at the Gene Harvey Chevrolet.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
I observed how he rent a movie from the redbox. I interviewed him. We re-designed the interface of the redbox together. Design of Everyday Objects with.
A Case Study of Interaction Design. “Most people think it is a ludicrous idea to view Web pages on mobile phones because of the small screen and slow.
Department of Psychology Experiment Management System Experimenter Tutorial Stony Brook University Subject Pool Office
12.1 CSC 123 Systems Analysis & Design Part IV: The Essentials of Design Chapter 12 Designing Effective Input.
Longitude Usability Study Final Presentation Amir Malik Fiel Guhit Viet Pham Sabel Braganza.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Mtivity Client Support System Quick start guide. Mtivity Client Support System We are very pleased to announce the launch of a new Client Support System.
Your Guide. Table of Contents Welcome to MyChart…………………………….…..3 How to Sign Up………………………………… MyChart Homepage (navigating through MyChart)……...
IceBreaker Networking App User Testing. Product Overview Ice Breaker is a business app that helps facilitate face-to-face interactions at networking events.
This prototype was designed to demonstrate use of mHealth application for maternity unit of Ngora hospital but this part only shows the Labour Progress.
How Your Customers Will Pay Online & by Phone
HealthCoach4Me.com : HEURISTICS Dave Maruszewski & Shirley Carvalhedo.
When the program is first started a wizard will start to setup your Lemming App. Enter your company name and owner in the fields designated “Company Name”
By Soni Bal & Carol Chu. Over 400 participants, most were parents and coaches More than 95% use the website Majority of people use the website every few.
1 Evaluating the User Experience in CAA Environments: What affects User Satisfaction? Gavin Sim Janet C Read Phil Holifield.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
LOOKOUT GPS TRACKER BY : PENYU NELANG. WHAT IS LOOKOUT ? We proposed this device to cope the kidnapped problems that become a rampant issues these days.
Meet Meetings with a purpose.. Meet: The Team Derin D. Dartis W. Lorena H.L. Peter W. Engineering UX/UI PM Engineering.
Chapter 11 Data Input and Output. Input Data Capture Forms Data can be collected using a data capture form or questionnaire that is printed on a piece.
Christa Marsh Southern Arkansas University Biology Professor.
JohnPaulAguiar.com BLOGGING | SOCIAL MEDIA | MARKETING | INSPIRATION.
Design for usability E6: Human Factors Design IB Technology.
GroceryList++ Brian, Peter, Staci, Darrin, Anna.
Annual Performance Management Cycle Management Training Tutorial
Class Title: Mobile Myfitnesspal instructions (iphone)
All About Business Phone Systems
Beach Monitoring App Team Phoenix 2/2/17
Tina, Sloane, Marie, Karna
Developing the Design: Lo-fi Prototype
Midway Milestone Presentation: FlexiVoice
Hi-Fi Midway Milestone The Dream Team
Medium-Fi Prototype Rachel J and Esther G
Nikki K, Hayden L, Carmelle M, Ben E
Microsoft Office Illustrated Fundamentals
Presentation transcript:

Shirley Carvalhedo and Dave Maruszewski

People who frequently are concerned about their health would use this health application to easily log, view and manage their ‘health performance’, from anywhere that an iPhone may operate. Simplifying the access of health information improves user experience in dealing with their needs; with our application, the user may enter or revise his or her information regarding their age, weight, height and choose tracks that will help them to manage their fat percentage, water intake, exercise frequency and so forth. All these tracks should be set up by the user as the second step. Design Statement

Four main categories:  The information for the decision needs to be there when the decision is needed  Keep it simple  The best journey is the one with the fewest steps. Shorten the distance between the user and their goal  Color is information

Design Sketch: The Context of Mobile Interaction  Text input  Small screen  Slow connections  Short battery life  Mobile applications will gain customers by providing them with entertainment, connecting people, managing schedules, arriving at meetings and leisure activities, and making their lives easier.

Scope of the Application  Create an app that works with the website Site and app mutually updates Be in line with the HealthCoach4Me’s mission Incorporate fundamental features designed to manage personal heath interests and improve users’ performance  Be innovative, useful Balance of the two  Take advantage of smart phone abilities  Smooth, logical animation  Visual feedback of user revisions and actions  Keep in mind audience Mature, older People who may have an existing problem

Our App  Tracker Uses website graphing and health coach to track usages, activity and health stats Standard and unique tracking Multiple trackers can be applied  Alarm Uses phone to remind you to take medicine, do physical activity, run a test, etc. Uses iPhone technology  Keeps in touch with HealthCoach4Me Can see the same messages from your health coach Can store information that the site will up- and download

Basic Functionality Health ClockAlarm, Tracking and Updating Website Graph Tracking Information Storing Health Coaching

Testing  Paper prototype  Technical prototype  General suggestions Class Outside of testing

Paper Prototype Testing  Low tech design  Interested in usability over aesthetics  Participant Input Would they use it? Ease of use What would make it more appealing?

Methodology: Paper Prototype  Four users – two women, two men  Session were recorded using video camera  There was a moderator that conducted the test and an observer that took notes during the session  Users were all read the same script and asked to perform the same tasks, which included using the app to: Manage their health information  Users were asked to “think aloud” while they performed the tasks, so we could understand the reasoning behind their actions  Session recordings were reviewed and the app’s successes and issues were noted

Users: Statistical Information ParticipantsCarolynSteveRichardMary Kay Age40’s50’s60’s GenderFemaleMale Female OccupationMechanical Engineer DoctorRetired professor Home Maker  Older (>50)  Not smart phone savvy  Had health issues  Would be possible users of app

Paper Prototype

Carolyn - 40, Mechanical Engineer  (Task 1)On initial screen pushed Meditation instead of Medicine Usage Cancelled out and then went to MU  Questioned if there was enough information on the screen Wanted: Medicine Name Dose With or without food  A little unaware of the slider  Seemed to figure out any mistakes in the interface, wasn’t flustered  Had question about Recurring Times check box (__ time per __ hour)  (task 2) Worked through it well  Did not check message from Unread to Read but read the abbreviated message  Like the app but wouldn’t use it unless it had a little more functionality (more topics)  Would want her daughter to use this as is  Preferred the slider bar over the scroll bar * White indicates what we directly used to improve the app

Steve – 50, Doctor  Did not co-discover with C. but could hear her comments  Was a little unaware if meditation was a typo but did press the right button  Used the plus and minus arrows as opposed to sliding the bar 1. I believe that he was unaware of what the bar did 2. He later commented to truth of (1)  Actually went against directions and did not “Take” the medicine  Didn’t think R should be short for Thursday  Didn’t know how to go back later to mark that he later took the medicine without the alarm 1. Interface was unclear on this matter (see notes for possible fix) 2. Would like to see a reminder/snooze button (10 minute intervals)  Went to My Information instead of Messages for news from the health coach  Found message, but did not check message from Unread to Read but read the abbreviated message  Would like to see a calendar/medical appointments button on the tracker  Wouldn’t use this app. Doesn’t like apps in general (no smart phone) and he has a good memory (his words)

Richard – 50, Retired professor  He is not a iPhone user  Presented eagerness to complete the tasks  Attempted to establish a relationship between the buttons at the bottom with the screens  Preferred the "My Information" as the first screen instead of "Pick a tracker“  Attempted to find the name of the Medicine in the "Health Clock" screen  Preferred the slider bar over the scroll bar but commented that he would able to work with both of them  Pointed out that there is no exit button in the first "Pick a Tracker" screen  Suggested a delete button ("key button") on the "Messages" screen in order to "clean out" the screen and avoid accumulating too many messages  Overall, gave a positive review of the app and remarked that it could be useful after a few alterations

Mary Kay – 50, Homemaker  Presented quick logical thinking in completing the tasks  Attempted to find a button in the "Health Clock" screen to set up am-pm  Questioned if there was enough information on the "Health Clock" screen: Medicine Name Dose With or without food If the chosen medication could be digested with another medication  Pointed out that the scroll bar could be improved so as to provide options for more accurate decisions. Commented that the slider bar would be a better option for men whereas the scroll bar would be a better option for women.

Paper Prototype Results and Outcomes Added a Delete Button

Paper Prototype Results and Outcomes 1. A subtitle bar was added in order for the user to know the tracker in use 2. Buttons on bottom took up display space Moved them to the title bar using the iPhone standard Changed names to reflect standard and for more understanable 3. Health bar with plus/minus buttons was preferred over other options 4. Clock was added military time

Paper Prototype Results and Outcomes 1. If answer is yes, the graphing of your project is accessed 2. If answer is no, you can postpone until later 12 12

Schematic of Buttons (Specific) Home Screen Entrance Screen After Alarm Same Screen Layout for Add and Change

Paper Prototype Testing Answers  Would they use it? Most would or want their siblings to use  Ease of use Previous slides Overall, good results  What would make it more appealing? Previous slides Innovation to set it apart from other apps

Tech Prototype Testing  Simulate  Interested in usability over aesthetics  Participant Input Would they use it? Functionality Ease of use What would make it more appealing? Did we fix our issues from paper prototype testing?

Methodology: Tech Prototype  Four users – one women, four men  Session were recorded using video camera  There was a moderator that conducted the test and an observer that took notes during the session  Users were all read the same script and asked to perform the same tasks, which included using the app to: Choosing the fat percentage tracker, placing an alarm on the health clock and getting feedback in the form of a chart.  Users were asked to “think aloud” while they performed the tasks, so we could understand the reasoning behind their actions  Session recordings were reviewed and the app’s successes and issues were noted

Users: Statistical Information ParticipantsBillRushAmardipDianeFabio Age GenderMale FemaleMale OccupationOfficerStudent ProfessorEngineerManager Slightly younger than paper prototype participants More smart phone savvy Would be possible users of app May use different trackers from paper prototype participants

Tech Prototype

Bill – 47, Officer Pros:  I have diabetes I need to control my weight  Good idea to know your fat percentage fast like that Cons:  Mail-messages confusing (The name could be ( ‘health alert’)  Use colors like red and green. Be more visual.  Chart is hard to read

Rush – 27, Student Pros:  Nice clear navigation on the bottom  Convenient input bars (plus / minus / dragger thingy)  Bright green 'done' bar Cons:  Application flow could be communicated via button ordering maybe?  ‘Charts' and 'my info' seem redundant - maybe they can be consolidated in an accordion type format.  The 'time' inputs could use an up/down arrow scroller mechanism for the minutes (hard to pinpoint)

Amardip – 33, Professor Pros:  Health information is nicely displayed  Good coverage of various health scenarios Cons:  Fat Percentage is … ? Tooltip explaining what Fat % is  ‘My Info’ should be first page till user fills in ‘My Info’  ‘Place the thumb’, you can put animation – a thumb reaching to the black circles. Put a progress bar in the ‘thumb press’ page, auto click done.

Diane – 46, Engineer Pros:  Completed task quickly and efficiently  Overall, liked the app much  Thought the fat percentage tracker would be very useful Cons:  Unsure of AM/PM on time  Wanted ‘sticky’ information  Confused Tracker and Health Clock  Didn’t like some text formatting (i.e. on time)

Tech Prototype Results and Outcomes Use iPhone Convention: Cancel and Done

Tech Prototype Results and Outcomes Force or allow a Rotation for Graph

Tech Prototype Results and Outcomes Use AM/PM over military time

Tech Prototype Testing Answers  Would they use it? Improved response  Functionality Improved Time of completing task was quick Paper prototype fixes worked for almost all situations  Ease of use No significant problems were recorded Improvements made from tech prototype feedback  Did we fix our issues from paper prototype testing Yes, most all  What would make it more appealing? Fat Tracker was well received Steps may need to be more explained

Bibliography  Callahan, Anne. "iPhone UI Design & Prototyping." Designing iPhone Apps: It's More than Just Beautiful Coding. Hill Holliday,  eBay. eBay | Electronics, Cars, Clothing, Collectibles and More Online Shopping. 6 June  Google. Google. 10 June  GSK. A Virtual Health Coaching Site May  Hansen, W. J. "User Engineering Principles for Interactive Systems." Proceedings of the Joint Computer Conference. New York: ACM Press,  Hix, D. and Hartson, H.R. Developing User Interfaces: Ensuring usability through product and process. New York: Wiley,  Laurel, B. (Ed.). The Art of Human-Computer Interface Design. Menlo Park: Addison- Wesley,  Lund, A. M. "Expert Ratings of Usability Maxims." Ergonomics in Design May 1997:  Maleszyk, Brian. "Zen & the Art of Mobile Application Strategy." Designing iPhone Apps: It's More than Just Beautiful Coding. Hill Holliday,  Nielsen, Jakob. Usability Inspection Methods. New York: Wiley and Sones,  Savio, Nadav and Braiterman, Jared. Design Sketch: The Context of Mobile Interaction. July  Shneiderman, Ben and Plaisant, Catherine. Designing the User Interface. Boston: Addison Wesley,  Shneiderman, Ben. Designing the User Interface. Boston: Addison Wesley,  Smith, Sid and Mosier, Jane. Guidelines for Designing User Interface Software. ESD- TR Springfield: National Technical Information Service,  Snyder, Carolyn. Paper Prototyping. San Francisco: Morgan Kaufmann,  U. S. Department of Health and Human Services. Your Source for Reliable Health Information. 1 June 2011.