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

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 users5. 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 iterationo 4 users for second iteration (two returners) o At least 1 Diabetes Patient per iteration

•  Target Usero Type 2 Diabetes Patients (Primary)o Dieterso Nutrition/Health Enthusiasts

• 30-40 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 softwareo Microphoneo 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

Tasks1. Meals

a. Create a meal with items: new item, search DB items, find info, create new quantityb. Create a meal with text descriptionc. Search an existing meald. Edit a meale. Delete a meal

2. Activitiesa. Create an activityb. Search existing activitiesc. Edit activity d. Delete an activity

a. Glucose1. Add Glucose2. Edit a Glucose entry3. Delete a Glucose entry

b. Review Diarya. Add a new guideb. Edit the guidec. Review data from a specific date

c. 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 moutho Close friends who are within the target user group

• Flyers for volunteerso Only if necessary

• Provide incentives in the form of Starbucks gift cards.

Project TimelineWeek 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 2.0 - Muhammad• Recruiting - Muhammad and Christine

Week 5: o Usability Testing - Everyoneo Recruit for Round Two

Week 6:o Implement of Changes - Cliento Analyze Data - Everyoneo Redoing Usability Protocol - Christineo Preparing for 2nd Round of Testing

Week 7: o Interim Presentation (5/9)o Usability Testing Round Two-

EveryoneWeek 8:

o Final Implementation of Changes - Client

o CHI Presenation - ClientWeek 9:

o  TBDWeek 10:

o Final Presentation (5/30)

Cascading Style Sheets

Cascading Style Sheets

Cascading Style Sheets

Thank You!