70
Bongshin Lee Microsoft Research Harnessing the Power of Visualization for Human-Data Interaction

Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Bongshin Lee

Microsoft Research

Harnessing the Power of Visualizationfor Human-Data Interaction

Page 2: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

The Rise of Self-Tracking

• 259,000 mHealth apps listed on major app stores (2016)1

• Nearly 25% of Americans own a wearable (2016)2

1 Research 2 Guidance, mHealth App Developer Economics 2016.2 Rock Health, 50 things we now know about digital health consumers

Page 3: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Promises

Personal Data Self-Knowledge Self-Improvement

?

Page 4: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

구슬이 서말이라도 꿰어야 보배

It takes more than pearls to make a necklace.

Nothing is complete unless you put it in a final shape.

Page 5: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Information Visualizationthe use of computer-supported, interactive, visual representations of abstract data to amplify cognition [Card et al., 1996]

Page 6: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

I explore innovative ways to help people understand and communicate their data

leveraging visualization.

Page 7: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Why visualize data?

Page 8: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Anscombe's Quartet

Page 9: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

• Mean of the x values = 9.0

• Mean of the y values = 7.5

• Equation of the least-squared regression line: y = 3 + 0.5x

• Sums of squared errors (about the mean) = 110.0

• Regression sums of squared errors (variance accounted for by x) = 27.5

• Residual sums of squared errors (about the regression line) = 13.75

• Correlation coefficient = 0.82

• Coefficient of determination = 0.67

Anscombe's Quartet

Page 10: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Anscombe's Quartet

Page 11: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

• X Mean: 54.26

• Y Mean: 47.83

• X SD: 16.76

• Y SD: 26.93

• Correlation: -0.06

[Matejka & Fitzmaurice, CHI 2017]

Datasaurus Dozen

Page 12: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

128176875613897654698450698560498289809858458224509856458945098450980990910302099059595957725646750506789884578980982167765487636490856091299856049828267629809858458224509856484582245098564589450984509809435859

How many 3’s?

Page 13: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

128176875613897654698450698560498289809858458224509856458945098450980990910302099059595957725646750506789884578980982167765487636490856091299856049828267629809858458224509856484582245098564589450984509809435859

How many 3’s?

Page 14: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Is a red circle present?

Page 15: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Is a red circle present?

Page 16: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Is a red circle present?

Page 17: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

My Publications

Page 18: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

http://www.wordle.net

My Publications

Page 19: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

My Publications

HCIHCI

Visualization

Visualization for Machine Teaching

Natural Interactionfor Visualization

Data-DrivenStorytelling

Personal Vis &Self-Monitoring

Page 20: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores
Page 21: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Research Goal

https://recoveringengineer.com/leadership-skills/new-supervisor-skills-people-must-feel-empowered

Page 22: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Analyze ShareCollect

Human-Data Interaction

Page 23: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Collect ShareAnalyze

TouchPivot [CHI 2017] Visualized Self [PervasiveHealth 2017]

How to help novice users visually explore data?

Page 24: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Powerful way to help people gain meaningful insights from their data

Visual Data Exploration

Visual Data Exploration

Data Insight

Page 25: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

But, it is difficult for novices to perform visual data exploration.

Grammel et. al, How information visualization novices construct visualizations. [IEEE TVCG, 2010]

Page 26: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

TouchPivotBlending WIMP & Post-WIMP Interfaces for Data Exploration on Tablet Devices [CHI 2017]

Bongshin Lee

Microsoft Research

Sehi L’Yi

SNU

Jaemin Jo

SNU

Jinwook Seo

SNU

Page 27: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Data Transformation & Visual Mapping

State Gender Population

Colorado Male 700

Colorado Female 900

Utah Male 400

Utah Female 300

Data Transformation

Pivot by Gender

GenderSUM

(Population)

Male 1,100

Female 1,200

0

500

1000

1500

Male Female

Population

Visual Mapping

Page 28: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Shelf Configuration Interfaces

PivotTable(Microsoft Excel)

Tableau

Page 29: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Where should I put this column?

Page 30: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

To alleviate novices’ hurdles in visual data exploration

leveraging pen and touch interactions

Research Goal

Page 31: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

TouchPivot Demo Video

https://www.youtube.com/watch?v=Q6quofDiO7I

Page 32: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Favor simplicity over flexibility

Provide tight coupling between data and visualization

Suggest appropriate visualizations

Combine pen & touch with WIMP interfaces

Design Rationale

Page 33: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

How do people reflect on their own self-tracking data?

Page 34: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Eun Kyoung Choe

UMCP

Understanding Self-Reflection:How People Reflect on Personal Data through Visual Data Exploration [PervasiveHealth 2017]

Bongshin Lee

Microsoft Research

Haining Zhu

PSU

Dominikus Baur

Nathalie Henry Riche

Microsoft Research

Page 35: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Challenges with Personal Data ExplorationData is scattered across multiple platforms [Li et al., 2011; Choe et al., 2014.]

People don’t know what to do with the data [Choe et al., 2014; Epstein et al., 2015; Lazar et al., 2015.]

Page 36: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Analyzed 30 video recordings of QS presentations

[IEEE CG&A 2015]

Eun Kyoung Choe m.c. schraefelBongshin Lee

Types of Personal Insights

Page 37: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

1. What I did

2. How I did it

3. What I learned

Page 38: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Detail

Self-Reflection

Trend

Comparison

Correlation

Data Summary

Distribution

Outlier

Visualization Insights

(74%)

(51%)

(36%)

(35%)

(11%)

(9%)

(6%)

(2%)

Page 39: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Data Integration from Multiple Sources

Data Summary

Page 40: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Trend Comparison

Interactive Data Exploration

Page 41: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Study Session

Page 42: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

“I think that was soon after my surgery and that maybewould make sense cause I’d have to get up to takemedicine and maybe being restless or something.” [P8]

Visual data exploration Contextual information

Insight Gaining Pattern #1

External context

Page 43: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Visual data exploration Contextual information

Insight Gaining Pattern #2

External context

Question (Hypothesis)

Visual Data Exploration: Comparison by time segmentation

Question Did changing jobs affect my weight?

P1: [entering Sept 15, 2015 to compare his weight before and after this date]

Researcher: “Why Sept 15?”

P1: “That's kind of around the time I changed jobs. I was wondering if there wasanything interesting there.”

Page 44: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Support personal data exploration on mobile environment

Incorporate system-driven insights

Capture and share interesting questions and insights

Going Forward …

Page 45: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Collect Analyze Share

How to help people communicate their insights?

ChartAccent [PacificVis 2017]

Page 46: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Bongshin Lee

Microsoft Research

Matthew Brehmer

Microsoft Research

Donghao Ren

UCSB

Eun Kyoung Choe

UMCP

ChartAccentAnnotation for Data-Driven Storytelling [PacificVis 2017]

Tobias Höllerer

UCSB

Page 47: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

“the annotation layer is the most important thing we do . . . otherwise it’s a case of here it is, you go figure it out.”

—Amanda Cox, The New York Times Graphics Editor

Page 48: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Current annotation support is limited

Page 49: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

ChartAccent Demo Video

https://www.youtube.com/watch?v=8ogkSBlE2f0

Page 50: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Annotation Target Annotation Form

Annotation Design Space

Page 51: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Annotation Form

Text Shape Highlight Image Combined

Page 52: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Annotation Target Type

Page 53: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Annotation Target Type

Page 54: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

[email protected] | @chartaccent

Examples, Tutorial, and Survey

Open-source project -- https://github.com/chartaccent

ChartAccent.github.io

Page 55: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

ShareAnalyzeCollect

How to support people’s diverse tracking needs?

OmniTrack [UbiComp 2017]

Page 56: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

A Flexible Self-Tracking Approach Leveraging Semi-Automated Tracking[UbiComp 2017]

Bongshin Lee

Microsoft Research

Jae Ho Jeon

Kakao Corp.

Young-Ho Kim

SNU

Jinwook Seo

SNU

Eun Kyoung Choe

UMCP

Page 57: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

The Rise of Self-Tracking

• 259,000 mHealth apps listed on major app stores (2016)1

• Nearly 25% of Americans own a wearable (2016)2

1 Research 2 Guidance, mHealth App Developer Economics 2016.2 Rock Health, 50 things we now know about digital health consumers

Most self-tracking apps provide little or no flexibility.

Page 58: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Imagine how you might record your reading activities

Diverse Tracking Needs

texttextstar

Book Reviews

TitleAuthorRating

Book Reviews

texttextnumbertext

TitleAuthorPagesReview

Reading Logs

TitlePage FromPage ToDate

textnumbernumberdate

Challenging to find an existing app that perfectly suits one’s tracking needs

Page 59: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Research Goal

To support people’s diverse tracking needs through

a flexible self-tracking system

Page 60: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Semi-Automated Tracking

Reduced mental load

Better accuracy (depending on the data)

Cumbersome to wear (wearable sensing)

Reduce engagement with data

+

+

--

Engagement with data

Increased self-awareness

Flexibility of choosing target behaviors

Some data can only be tracked manually

High capture burden

Compromised data accuracy

+

+

+

+

--

Fully manualtracking

Fully automatedtracking

Choe et al., Semi-Automated Tracking: A Balanced Approach for Self-Monitoring Applications [IEEE Pervasive Computing 2017]

Page 61: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Semi-Automated Tracking

Fully manualtracking

Fully automatedtracking

Paper DiaryEmbedded Sensing

Semi-automated Tracking Spectrum for Sleep

Page 62: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Balancing Burden with OmniTrack

Automated Capture of Sleep Duration

Manual Capture ofSubjective Sleep Quality

Fully manualtracking

Fully automatedtracking

Semi-automated Tracking Spectrum for Sleep

Page 63: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

OmniTrack Demo Video

https://www.youtube.com/watch?v=zRIuENNRjEM

Page 64: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Experiment Design

Tracker Design 1

Tracker Design 2

Group A

Group B

Data & Experiment Management

Progress Monitoring Intervening

Create data collection tools without programming

OmniTrack ResearchKit

Researcher Participants

Data

Trackers

Page 65: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Interested in conducting a diary study/ESM using OmniTrack ResearchKit?

Contact

Personalized Self-Reports

Self-Report + Fitness Device Tracking

Multi-Device Data Collection

[email protected]

Page 66: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

.github.io

[email protected] | @omnitrack_app

Detailed Information, Supplementary Materials

OmniTrack will be open-sourced soon!

Page 67: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Analyze ShareCollect

Human-Data Interaction

Page 68: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Research Avenues

Mobile Data Visualization

Patient-Clinician Communication

Visualization Literacy

Analyze ShareCollect

Page 69: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

One Last Thing

Work with visualization researchers

Page 70: Harnessing the Power of Visualization for Human …wish.gatech.edu/wp-content/uploads/lee_bongshin_am...The Rise of Self-Tracking •259,000 mHealth apps listed on major app stores

Thank You!

Analyze ShareCollect

[email protected] | aka.ms/bongshin | @bongshin