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

16
A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary 2 IRI Centre Pompidou

Upload: maud-phillips

Post on 17-Jan-2016

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

A Visualization Fingerprint: Comparing Nutrient Data VisuallyCarrie Mah1

Richard Pusch1

Samuel Huron1, 2

Sheelagh Carpendale1

1 University of Calgary2 IRI Centre Pompidou

Page 2: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

Fingerprint:A visualization designed to support comparisons

1 | What We Created

Page 3: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

2 | Nutrition Facts Panels

Information in the Nutrition Facts panel is inconsistent between products

Page 4: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

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

Page 5: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

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

Page 6: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

5 | Reading the Fingerprint

0}

Page 7: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

6 | Reading the Fingerprint

Page 8: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

7 | Reading the Fingerprint

Page 9: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

8 | Reading the Fingerprint

Page 10: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

9 | Contributions

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

summary of products3. Notice differences quickly

Page 11: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

10 | Compare & Contrast

Figure 1 Figure 2 Figure 3

Page 12: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

What types of generalization problems can we ask?

11 | Generalizing the Visualization Fingerprint

Page 13: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

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?

Page 14: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

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?

Page 15: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

How can we generalize this approach?

14 | Challenge

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

Page 16: A Visualization Fingerprint: Comparing Nutrient Data Visually Carrie Mah 1 Richard Pusch 1 Samuel Huron 1, 2 Sheelagh Carpendale 1 1 University of Calgary

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

[email protected]@ucalgary.ca

[email protected]@ucalgary.ca

Thank You!