filtered and refined: interfaces for distilling data

Filtered & RefinedInterfaces for Distilling Data

Erin Jo Richey @erinjo

Saturday, March 24, 2012

“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

Sabre Travel Booking

Saturday, March 24, 2012

Planet Sabre Interface

Saturday, March 24, 2012

Saturday, March 24, 2012

Saturday, March 24, 2012

Saturday, March 24, 2012

Saturday, March 24, 2012

Saturday, March 24, 2012

Jane

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

Saturday, March 24, 2012

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

Saturday, March 24, 2012

Four Types Of Data

Saturday, March 24, 2012

Four Types Of Data

Categorical

Saturday, March 24, 2012

Saturday, March 24, 2012

Four Types Of Data

Ordinal

Categorical

Saturday, March 24, 2012

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

Saturday, March 24, 2012

Four Types Of Data

Quantitative

Ordinal

Categorical

Saturday, March 24, 2012

Saturday, March 24, 2012

Saturday, March 24, 2012

Four Types Of Data

Spatial

Quantitative

Ordinal

Categorical

Saturday, March 24, 2012

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

Saturday, March 24, 2012

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

Representing What & Where

Saturday, March 24, 2012

Representing What & Where

position in 2D space

Saturday, March 24, 2012

Representing What & Where

position in 2D space

Saturday, March 24, 2012

Representing What & Where

position in 3D spaceposition in 2D space

Saturday, March 24, 2012

Representing What & Where

position in 3D spaceposition in 2D space

Saturday, March 24, 2012

Representing What & Where

position in 3D spaceposition in 2D space

color hues

Saturday, March 24, 2012

Representing What & Where

position in 3D spaceposition in 2D space

color hues

Saturday, March 24, 2012

Representing What & Where

position in 3D spaceposition in 2D space

color hues shapes, icons, symbols

Saturday, March 24, 2012

Representing What & Where

position in 3D spaceposition in 2D space

color hues shapes, icons, symbols

Saturday, March 24, 2012

Representing How Much

Saturday, March 24, 2012

Representing How Much

position on a scale

Saturday, March 24, 2012

Representing How Much

position on a scale

Saturday, March 24, 2012

Representing How Much

position on a scale area or size

Saturday, March 24, 2012

Representing How Much

position on a scale area or size

Saturday, March 24, 2012

Representing How Much

position on a scale area or size

saturation or gradation

Saturday, March 24, 2012

Representing How Much

position on a scale area or size

saturation or gradation

Saturday, March 24, 2012

Representing How Much

position on a scale area or size

saturation or gradation volume

Saturday, March 24, 2012

Representing How Much

position on a scale area or size

saturation or gradation volume

Saturday, March 24, 2012

Interface Controls

Saturday, March 24, 2012

Interface Controls

choose one

NoYes

Saturday, March 24, 2012

Interface Controls

Saturday, March 24, 2012

Interface Controls

Eeny Meeny✓ Miny Moe✓

choose many

Saturday, March 24, 2012

Interface Controls

Saturday, March 24, 2012

Interface Controls

choose a range

Saturday, March 24, 2012

Interface Controls

Saturday, March 24, 2012

Interface Controls

enter your own

Keyword

x oranges

apples

x pears

Saturday, March 24, 2012

Interface Controls

Saturday, March 24, 2012

Interface Controls

remove points Wednesday List

Thursday List

Friday List

Saturday List

Hide

Hide

Hide

Hide

Saturday, March 24, 2012

Interface Controls

Saturday, March 24, 2012

Interface Controls

sort data Sort By

Featured

Best Selling

High to Low

Low to High

✓

Saturday, March 24, 2012

Interface Controls

Saturday, March 24, 2012

What Makes These Interfaces Whole?

Saturday, March 24, 2012

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

Ben Shneiderman, computer scientist

“The Eyes Have It”

Saturday, March 24, 2012

Overview1

Saturday, March 24, 2012

Saturday, March 24, 2012

Overview1

Zoom2

Saturday, March 24, 2012

Saturday, March 24, 2012

Saturday, March 24, 2012

Overview1

Zoom2

Filter3

Saturday, March 24, 2012

Saturday, March 24, 2012

Saturday, March 24, 2012

Overview1

Zoom2

Filter3

Details On Demand4

Saturday, March 24, 2012

Saturday, March 24, 2012

What Makes These Interfaces Exceptional?

Saturday, March 24, 2012

History

Saturday, March 24, 2012

History

Saturday, March 24, 2012

History

Extract

Saturday, March 24, 2012

History

Extract

Saturday, March 24, 2012

History

Extract

Mark

Saturday, March 24, 2012

History

Extract

Mark

Saturday, March 24, 2012

We can help people make decisions.

Saturday, March 24, 2012

We can help people make decisions.

We give meaning to data.

Saturday, March 24, 2012

Erin Jo Richey

@erinjowww.erinjorichey.comerin@flatfrogdesign.com

Thank You!

Saturday, March 24, 2012