Project 4: User interface for logging food intake and activities Muhammad Zaman, Warren Trinh, Thanh Le, and Christine Liang

What is it? The project that we are working on is an online application where users can register their daily diet information and physical activities into a calendar log. The application will allow diabetics to track their progress and provide notes on how to improve their diet. Our primary focus is to test the application for usability issues and suggest ways to improve the app. We are also assigned the task of improving the look and feel of the site by changing the CSS.

Usability/Heuristic Problems 1.There was no way for the user to delete and edit meals/ meal items / activities 2.User had to search the exact name of an item to search for it 3.There was no way for the user to check what meals have been added beforehand 4.The website did not provide significant feedback to the users 5.The site is incomplete and the glucose functions that the diabetic user would need are not supported

Usability Research Methods Two Iterations of Usability Testing 12 users in total o 8 users for first iteration o 4 users for second iteration (two returners) o At least 1 Diabetes Patient per iteration Target User o Type 2 Diabetes Patients (Primary) o Dieters o Nutrition/Health Enthusiasts minutes Background Questionnaire Pre-Test Interview "Think Aloud" Testing Post Test Interviews

Pre-Test Interview Initial impressions of the interface Expectations from the options on the website Is the terminology understandable? Rate the ease of use based on initial impressions

"Think Aloud" Testing Hardware/Software: o Laptop o Screen capture software o Microphone o Webcam to capture facial expressions Present various scenarios for the user to complete o Between 5 and 10 scenarios o Always the same set of scenarios for each user

Tasks 1.Meals a.Create a meal with items: new item, search DB items, find info, create new quantity b.Create a meal with text description c.Search an existing meal d.Edit a meal e.Delete a meal 2.Activities a.Create an activity b.Search existing activities c.Edit activity d.Delete an activity 3.Glucose a.Add Glucose b.Edit a Glucose entry c.Delete a Glucose entry 4.Review Diary a.Add a new guide b.Edit the guide c.Review data from a specific date 5.Search - TBD

Post-Test Interview System Usability Scale (Sample question will not actually be used, only the format will.) Follow up questions about observations made during the "think aloud" testing phase

Contacting Users Recruiting through word of mouth o Close friends who are within the target user group Flyers for volunteers o Only if necessary Provide incentives in the form of Starbucks gift cards.

Project Timeline Week 2: Initial Heuristic Analysis - Everyone Brief Usability Protocol - Everyone Look over CSS code - Thanh and Warren Week 3: Heuristic Analysis Document - Muhammad and Warren Usability Protocol - Christine CSS Documentation - Thanh and Warren Week 4: Initial Presentation (4/20) Iterate Usability Protocol - Christine Interim Heuristic Analysis Muhammad Recruiting - Muhammad and Christine Week 5: o Usability Testing - Everyone o Recruit for Round Two Week 6: o Implement of Changes - Client o Analyze Data - Everyone o Redoing Usability Protocol - Christine o Preparing for 2nd Round of Testing Week 7: o Interim Presentation (5/9) o Usability Testing Round Two- Everyone Week 8: o Final Implementation of Changes - Client o CHI Presenation - Client Week 9: o TBD Week 10: o Final Presentation (5/30)

Cascading Style Sheets

Thank You!