filtered and refined: interfaces for distilling data

76
Filtered & Refined Interfaces for Distilling Data Erin Jo Richey @erinjo Saturday, March 24, 2012

Upload: erin-jo-richey

Post on 15-May-2015

4.216 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Filtered and Refined: Interfaces for Distilling Data

Filtered & RefinedInterfaces for Distilling Data

Erin Jo Richey @erinjo

Saturday, March 24, 2012

Page 2: Filtered and Refined: Interfaces for Distilling Data

“Information is a source of learning. But unless it is organized, processed, and available to the right people in a format for decision making, it is a burden, not a benefit.”

William PollardAmerican Physicist

Saturday, March 24, 2012

Page 3: Filtered and Refined: Interfaces for Distilling Data

Sabre Travel Booking

Saturday, March 24, 2012

Page 4: Filtered and Refined: Interfaces for Distilling Data

Planet Sabre Interface

Saturday, March 24, 2012

Page 5: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 6: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 7: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 8: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 9: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 10: Filtered and Refined: Interfaces for Distilling Data

Jane

http://www.flickr.com/photos/targophoto/2804634895

Saturday, March 24, 2012

Page 11: Filtered and Refined: Interfaces for Distilling Data

Caucasian

Blond Hair Blue Eyes

Bachelor’s Degree

5’8”

140 lbs

Size 8 Shoe

Middle Child Plays Violin

121/77 BP

Jane

Saturday, March 24, 2012

Page 12: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 13: Filtered and Refined: Interfaces for Distilling Data

Four Types Of Data

Saturday, March 24, 2012

Page 14: Filtered and Refined: Interfaces for Distilling Data

Four Types Of Data

Categorical

Saturday, March 24, 2012

Page 15: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 16: Filtered and Refined: Interfaces for Distilling Data

Four Types Of Data

Ordinal

Categorical

Saturday, March 24, 2012

Page 17: Filtered and Refined: Interfaces for Distilling Data

http://www.flickr.com/photos/lynnfriedman/5862432608

Saturday, March 24, 2012

Page 18: Filtered and Refined: Interfaces for Distilling Data

Four Types Of Data

Quantitative

Ordinal

Categorical

Saturday, March 24, 2012

Page 19: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 20: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 21: Filtered and Refined: Interfaces for Distilling Data

Four Types Of Data

Spatial

Quantitative

Ordinal

Categorical

Saturday, March 24, 2012

Page 22: Filtered and Refined: Interfaces for Distilling Data

http://www.flickr.com/photos/killermonkeys/304439098

Saturday, March 24, 2012

Page 23: Filtered and Refined: Interfaces for Distilling Data

Caucasian

Blond Hair Blue Eyes

Bachelor’s Degree

5’8”

140 lbs

Size 8 Shoe

Middle Child Plays Violin

121/77 BP

Jane

Saturday, March 24, 2012

Page 24: Filtered and Refined: Interfaces for Distilling Data

Representing What & Where

Saturday, March 24, 2012

Page 25: Filtered and Refined: Interfaces for Distilling Data

Representing What & Where

position in 2D space

Saturday, March 24, 2012

Page 26: Filtered and Refined: Interfaces for Distilling Data

Representing What & Where

position in 2D space

Saturday, March 24, 2012

Page 27: Filtered and Refined: Interfaces for Distilling Data

Representing What & Where

position in 3D spaceposition in 2D space

Saturday, March 24, 2012

Page 28: Filtered and Refined: Interfaces for Distilling Data

Representing What & Where

position in 3D spaceposition in 2D space

Saturday, March 24, 2012

Page 29: Filtered and Refined: Interfaces for Distilling Data

Representing What & Where

position in 3D spaceposition in 2D space

color hues

Saturday, March 24, 2012

Page 30: Filtered and Refined: Interfaces for Distilling Data

Representing What & Where

position in 3D spaceposition in 2D space

color hues

Saturday, March 24, 2012

Page 31: Filtered and Refined: Interfaces for Distilling Data

Representing What & Where

position in 3D spaceposition in 2D space

color hues shapes, icons, symbols

Saturday, March 24, 2012

Page 32: Filtered and Refined: Interfaces for Distilling Data

Representing What & Where

position in 3D spaceposition in 2D space

color hues shapes, icons, symbols

Saturday, March 24, 2012

Page 33: Filtered and Refined: Interfaces for Distilling Data

Representing How Much

Saturday, March 24, 2012

Page 34: Filtered and Refined: Interfaces for Distilling Data

Representing How Much

position on a scale

Saturday, March 24, 2012

Page 35: Filtered and Refined: Interfaces for Distilling Data

Representing How Much

position on a scale

Saturday, March 24, 2012

Page 36: Filtered and Refined: Interfaces for Distilling Data

Representing How Much

position on a scale area or size

Saturday, March 24, 2012

Page 37: Filtered and Refined: Interfaces for Distilling Data

Representing How Much

position on a scale area or size

Saturday, March 24, 2012

Page 38: Filtered and Refined: Interfaces for Distilling Data

Representing How Much

position on a scale area or size

saturation or gradation

Saturday, March 24, 2012

Page 39: Filtered and Refined: Interfaces for Distilling Data

Representing How Much

position on a scale area or size

saturation or gradation

Saturday, March 24, 2012

Page 40: Filtered and Refined: Interfaces for Distilling Data

Representing How Much

position on a scale area or size

saturation or gradation volume

Saturday, March 24, 2012

Page 41: Filtered and Refined: Interfaces for Distilling Data

Representing How Much

position on a scale area or size

saturation or gradation volume

Saturday, March 24, 2012

Page 42: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

Saturday, March 24, 2012

Page 43: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

choose one

NoYes

Saturday, March 24, 2012

Page 44: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

Saturday, March 24, 2012

Page 45: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

Eeny Meeny✓ Miny Moe✓

choose many

Saturday, March 24, 2012

Page 46: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

Saturday, March 24, 2012

Page 47: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

choose a range

Saturday, March 24, 2012

Page 48: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

Saturday, March 24, 2012

Page 49: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

enter your own

Keyword

x oranges

apples

x pears

Saturday, March 24, 2012

Page 50: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

Saturday, March 24, 2012

Page 51: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

remove points Wednesday List

Thursday List

Friday List

Saturday List

Hide

Hide

Hide

Hide

Saturday, March 24, 2012

Page 52: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

Saturday, March 24, 2012

Page 53: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

sort data Sort By

Featured

Best Selling

High to Low

Low to High

Saturday, March 24, 2012

Page 54: Filtered and Refined: Interfaces for Distilling Data

Interface Controls

Saturday, March 24, 2012

Page 55: Filtered and Refined: Interfaces for Distilling Data

What Makes These Interfaces Whole?

Saturday, March 24, 2012

Page 56: Filtered and Refined: Interfaces for Distilling Data

“Overview first, zoom and filter, then details on demand.”

Ben Shneiderman, computer scientist

“The Eyes Have It”

Saturday, March 24, 2012

Page 57: Filtered and Refined: Interfaces for Distilling Data

Overview1

Saturday, March 24, 2012

Page 58: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 59: Filtered and Refined: Interfaces for Distilling Data

Overview1

Zoom2

Saturday, March 24, 2012

Page 60: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 61: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 62: Filtered and Refined: Interfaces for Distilling Data

Overview1

Zoom2

Filter3

Saturday, March 24, 2012

Page 63: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 64: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 65: Filtered and Refined: Interfaces for Distilling Data

Overview1

Zoom2

Filter3

Details On Demand4

Saturday, March 24, 2012

Page 66: Filtered and Refined: Interfaces for Distilling Data

Saturday, March 24, 2012

Page 67: Filtered and Refined: Interfaces for Distilling Data

What Makes These Interfaces Exceptional?

Saturday, March 24, 2012

Page 68: Filtered and Refined: Interfaces for Distilling Data

History

Saturday, March 24, 2012

Page 69: Filtered and Refined: Interfaces for Distilling Data

History

Saturday, March 24, 2012

Page 70: Filtered and Refined: Interfaces for Distilling Data

History

Extract

Saturday, March 24, 2012

Page 71: Filtered and Refined: Interfaces for Distilling Data

History

Extract

Saturday, March 24, 2012

Page 72: Filtered and Refined: Interfaces for Distilling Data

History

Extract

Mark

Saturday, March 24, 2012

Page 73: Filtered and Refined: Interfaces for Distilling Data

History

Extract

Mark

Saturday, March 24, 2012

Page 74: Filtered and Refined: Interfaces for Distilling Data

We can help people make decisions.

Saturday, March 24, 2012

Page 75: Filtered and Refined: Interfaces for Distilling Data

We can help people make decisions.

We give meaning to data.

Saturday, March 24, 2012