Visualizing Nutritional Information
description
Transcript of Visualizing Nutritional Information
![Page 1: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/1.jpg)
Visualizing Nutritional InformationXinyi Chang
![Page 2: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/2.jpg)
Have You Visualized Data Before?
• Of course you have!
![Page 3: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/3.jpg)
A More Realistic Example
Source: http://www.tableausoftware.com/public/gallery/japan-quakes-1900
![Page 4: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/4.jpg)
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
![Page 5: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/5.jpg)
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/
![Page 6: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/6.jpg)
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
![Page 7: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/7.jpg)
A Mobile App to Solve the Problem
Wherefore art thou an app?
Educated shopping experience
Convenience
Interaction featureso e.g. tapping
![Page 8: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/8.jpg)
Current Technology• Competitive analysis
![Page 9: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/9.jpg)
Highlights on Our Features• Personalization
oAge, height, etc.oNutrients of interest
• Pure icon-based interface
• Comparison mode (new!)
![Page 10: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/10.jpg)
Our Features
![Page 11: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/11.jpg)
Our Features
![Page 12: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/12.jpg)
Mini User Study on Icons
![Page 13: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/13.jpg)
Our Features
![Page 14: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/14.jpg)
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!
![Page 15: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/15.jpg)
Our Ultimate Goal? Eat Healthy!
![Page 16: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/16.jpg)
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?
![Page 17: Visualizing Nutritional Information](https://reader036.fdocuments.us/reader036/viewer/2022062310/568161e3550346895dd1fd98/html5/thumbnails/17.jpg)
Emotion Visualization?• Ever wondered what mood people
are in?
Click Me!