SnapSnack allows you to track your calories by taking photos of your food, and puts you in touch with a community of likeminded people to help you achieve your healthy eating goals.

1. SnapSnack
Making healthy eating a snap.

2. Team
John UX, Project manager
George Tech lead, information architect
Mikaela Graphic design, content
Sherry Research, tutor liaison
Reg Quality control
Coding will be spread across the team.

3. 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.

4. 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.

5. 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.

6. 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!

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

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

9. 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.

10.
“We start with the perfect experience, then
we work backwards.”
Brian Chesky
CEO, AirBnB

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

12. 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%)

13. 0 22.5 45 67.5 90
Which platform would you prefer for a calorie
tracker service?
Mobile (90%)
Desktop (10%)

14. 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%)

15. 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%)

16. 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

17. Precedent Analysis

18. #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

19. #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

20. #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

21. #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 everyone
Tapping to
reenter a saved
meal costs $2.49

22. Insights
• Metric units needed for Australia
• Updatable avatars have been used successfully
• Normal principles of usability must apply

23. 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.

24. Mockups

25. 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.

26. Pet Page
Mobile
2nd 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.

27. Home Desktop

28. Information Architecture
Initial stats
entry
User
registration
Home -
buttons to
snap or type
Stats and
goal graph
Mini 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)

29. Storyboard 1:
Text Food Input

34. Storyboard 2:
Stats Page

35. arrow key
alternative nav method
for power users
Slide to right transition.

38. Technologies
Front End
HTML5, Javascript, CSS, JQuery, iOS and
Android specific tags
Backend
PHP, PostgreSQL
Minigames
HTML5, Javascript, CSS, Canvas, Processing