Download - SnapSnack Research & Concept
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