SnapSnack Making healthy eating a snap.

Team John UX, Project manager George Tech lead, information architect Mikaela Graphic design, contentSherry Research, tutor liaison Reg Quality controlCoding will be spread across the team.

Problems

• Unhealthy eating and drinking habits are a social problem.

• People often kid themselves and their loved ones about their eating choices.

• Motivation is inconsistent.

Problem: • Unhealthy eating and drinking habits are a

social problem. People’s diets are dictated by their lifestyles. People are coerced into conforming with group choices.

Solution: Give people a new social group.

•Instagram has no groups, Facebook groups are inconvenient on mobile.

•There’s room for a mobile social app for healthy eating photos.

•A news feed of meals from similar users who are slightly ahead in their goals. Sharing, liking, commenting.

Problem:

• People often kid themselves and their loved ones about their eating choices.

I know people who use Fitbit to fool their spouses by asking other people to wear it and run for them!

Solution: Tracking meals with photos makes it harder to cheat themselves and their loved ones.

Problem: • Motivation is inconsistent. Habits are more important than goals, but forming habits takes time.

Solution: 1. Tracking with photos is faster and more fun.

2. Each meal photo gives the user a token to play a random minigame. Intermittent reward is the best form of conditioning. Not knowing how many likes a photo will get is also an intermittent reward.

“We start with the perfect experience, then

we work backwards.”

Brian CheskyCEO, AirBnB

Our Users

• 31 responses (Desktop: 19, Mobile: 12) • 55% female • Aged 25 - 35 • Professionals and students

0 20 40 60 80

Which of the following do you consider to be important goals for your health?

Maintaining a healthy weight / losing weight (74%)

Limiting saturated and trans fat intake (52%)

Limiting sugar intake (52%)

Maintaining a low stress lifestyle (39%)

Eating natural foods (48%)

We predicted weight loss, bad fat and sugar intake to be higher priorities than cardiovascular disease for 25 - 35 year olds.

Preventing cardiovascular disease (42%)

Preventing diabetes (23%)

0 22.5 45 67.5 90

Which platform would you prefer for a calorie tracker service?

Mobile (90%)

Desktop (10%)

0 20 40 60 80

Which of the following forms of input would be helpful to you?

Text search for meals in a database containing nutritional information (81%)

Take a photo of barcodes, fast food menus or plates of food and have your meal recognised (71%)

Voice search for meals in a database containing nutritional information (26%)

Manually enter each meal’s calories and nutritional information (26%)

0 20 40 60 80

Which of the following forms of feedback would be helpful to you?

Today’s calorie balance (surplus or deficit) in numbers (74%)

A cute pet or character whose health is visibly affected by your calorie balance (58%)

Today’s nutrient balance (55%)

Push notifications to remind you to enter meals (48%)

Predicted calorie balance for the rest of the month extrapolating today’s eating pattern (45%)

Key User Needs • Must run on mobile • Must help with losing weight, tracking sugars

and bad fats • Text input of meals • Photo input of meals • Numeric calorie feedback and visual

character feedback

Precedent Analysis

#1: MyFitnessPal Desktop + Strengths Uncluttered, logical layout

“Day streak” feature for meeting goals - Weaknesses 3 clicks from homepage to enter food

No autocomplete for food search

Offers a news feed, but is initially empty

#2: CalorieKing Desktop + Strengths Food search available directly from home before login

Initial stats entry from home

Real happy user images may boost engagement - Weaknesses Layout and styling inconsistent

Loads slowly

#3: Livestrong Desktop + Strengths Strong flat colours and large buttons

- Weaknesses Wide, non-responsive design

No metric units

Targets only people who want to lose weight - gives a calorie goal based on that assumption

#4: CalorieKing Mobile

+ Strengths Food search available directly from home before login

Initial stats entry from home

Real happy user images may boost engagement - Weaknesses Layout and styling inconsistent

Loads slowly

#5: CARROT4 Mobile

+ Strengths Simple and highly usable graphical interface

Updating avatar - Weaknesses Barcode scanner did not work in testing

Quirky humour not for everyoneTapping to reenter a saved meal costs $2.49

Insights • Metric units needed for Australia

• Updatable avatars have been used successfully

• Normal principles of usability must apply

Our Service A responsive calorie tracking site with photo recognition for meal, nutrient and calorie logging. We focused on calorie consumption as wearables are the best way to track calorie burning.

Users can find healthy food ideas shared by other users.

Logging calories affects the user’s avatar and allows them to access mini games played with their avatar character.

Mockups

Home Mobile

Minigame screen. Tap icon or swipe

to the right.

Feed of meal snaps from users with similar

starting stats and targets and better current

stats.

Bonus badges scored for nutrients. Badges are powerups in the minigame.

Tap user profile to show any data set to public

Hierarchical hamburger menu

Stats page. Tap icon or swipe right.

Buttons to photograph meal

or text search.

Pet Page Mobile2nd most popular feedback type (60% of respondents) after numeric caloric display(73%).

In a 2010 trial of a pet iPhone app on 53 teenagers to encourage healthy eating:

52% who used the app ate a healthy breakfast compared to 20% without the app.

Home Desktop

Information Architecture

Initial stats entry

User registration

Home - buttons to

snap or type

Stats and goal graphMini game Blog

Recipes

Dining out

Nutrition

Exercise

About & contact

Today

This week

This month

Login

Account Help Privacy policy

Invite friends

Newsfeed (user food

photos)

Storyboard 1: Text Food Input

Storyboard 2: Stats Page

arrow key alternative nav method

for power users Slide to right transition.

Technologies Front End HTML5, Javascript, CSS, JQuery, iOS and Android specific tags

Backend PHP, PostgreSQL

Minigames HTML5, Javascript, CSS, Canvas, Processing