Visualizing Nutritional InformationXinyi Chang
Have You Visualized Data Before?
• Of course you have!
A More Realistic Example
Source: http://www.tableausoftware.com/public/gallery/japan-quakes-1900
The Magic of Data Visualization!
Source: http://www.tableausoftware.com/public/gallery/japan-quakes-1900
• See analytical results visuallyo Find relevance among
variableso Communicate concepts
or hypotheses to others
Current Nutritional Labels
Source: http://thetravelingtimes.wordpress.com/2012/03/15/gladly-ignoring-german-nutrition-labels/
Source: http://nutritionu.wordpress.com/2012/02/21/on-speed-reading-nutrition-labels/
Current Problems
“What does the percentage value
mean?” or
“It contains too much information.”
Not personalized
“What is one serving?”
Cryptic serving size description
“The label looks boring.”
Pure textual interface can be discouraging
Consumer Complaint Problem with Label
A Mobile App to Solve the Problem
Wherefore art thou an app?
Educated shopping experience
Convenience
Interaction featureso e.g. tapping
Current Technology• Competitive analysis
Highlights on Our Features• Personalization
oAge, height, etc.oNutrients of interest
• Pure icon-based interface
• Comparison mode (new!)
Our Features
Our Features
Mini User Study on Icons
Our Features
Next Step• Determine what could be used to help
people perceive serving sizes better
• Refine icons
• How to handle corner cases? (e.g. 200% RDA)
• Build the actual app!
Our Ultimate Goal? Eat Healthy!
Other Possible User Studies• How well do people associate
nutrients with icons?
• How well do people associate colors with specific nutrients?
• Do people associate letters with nutrients?
Emotion Visualization?• Ever wondered what mood people
are in?
Click Me!