a visualization fingerprint: comparing nutrient data visually carrie mah 1 richard pusch 1 samuel...

A Visualization Fingerprint: Comparing Nutrient Data VisuallyCarrie Mah1

Richard Pusch1

Samuel Huron1, 2

Sheelagh Carpendale1

1 University of Calgary2 IRI Centre Pompidou

Fingerprint:A visualization designed to support comparisons

1 | What We Created

2 | Nutrition Facts Panels

Information in the Nutrition Facts panel is inconsistent between products

3 | Design Goals

The Noun Project CC 4.0 | Nutrition Facts by Michael Wohlwend nutrition-facts/75178 | Map Marker by Magicon map/174502 | Smartphone by Gregor Cresnar phone/169993 | Nutrition by Health Care Symbols Collection nutrition/583 | Eye by Andy Santos-Johnson eye/5423 | Nutritional Facts by Iulia Strejan nutritional-facts/100615 |To Do by Lubos Volkov to-do/131377

1 +

2

3

Application that compares products while customers are shopping

4 | Design Considerations

The Noun Project CC 4.0 | iPhone by Dogukan Guven Nomak iphone/104376

Less spaceDifficult to compare data sets as a whole

5 | Reading the Fingerprint

0}

6 | Reading the Fingerprint

7 | Reading the Fingerprint

8 | Reading the Fingerprint

9 | Contributions

1. No extra screen real estate2. At-a-glance

summary of products3. Notice differences quickly

10 | Compare & Contrast

Figure 1 Figure 2 Figure 3

What types of generalization problems can we ask?

11 | Generalizing the Visualization Fingerprint

How can we expand this approach?

12 | Challenge

How to apply the Visualization Fingerprint to compare two completely different products or apply it to two or more products?

How can we incorporate the daily intake levels?

13 | Challenge

How to apply the Visualization Fingerprint to compare based off daily recommended intake levels instead of between products’ nutrient values?

How can we generalize this approach?

14 | Challenge

How to apply the Visualization Fingerprint to compare other types of personal data beyond products?

A Visualization Fingerprint: Comparing Nutrient Data VisuallyCarrie MahRichard PuschSamuel HuronSheelagh Carpendale

cmah@ucalgary.carapusch@ucalgary.ca

samuel.huron@cybunk.comsheelagh@ucalgary.ca

Thank You!