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
[email protected]@ucalgary.ca
[email protected]@ucalgary.ca
Thank You!