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!