ui for big data visualization | jonathan stray | ux week 2012

35
jonathan stray overview project associated press interfaces for big data visualization

Post on 12-Sep-2014

5.658 views

Category:

Design


0 download

DESCRIPTION

Visualization is great way to understand data, but it breaks down when the data gets big. Simply plotting everything to the screen won’t work, because there isn’t enough screen real estate, interactions slow to a crawl, and human working memory isn’t up to the task anyway. Big data requires specific interaction techniques for visual exploration, such as filtering, summarization, and context. We’ll go over some basic principles, and I’ll show examples of recent systems, including our work on the Overview Project, a system for visual exploration of huge unstructured document sets.

TRANSCRIPT

Page 1: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

jonathan strayoverview project

associated press

interfaces for big data visualization

Page 2: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

Ben Fry, Computational Information Design

Page 3: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 4: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 5: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 6: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 7: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

visualization extends perception

Page 8: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 9: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 10: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

“Visualization allows people to offloadcognition to the perceptual system, usingcarefully designed images as a form ofexternal memory.

The human visual system is a very high-bandwidth channel to the brain, with asignificant amount of processing occurring inparallel and at the pre-conscious level.”

Tamara Munzner

Page 11: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 12: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 13: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 14: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 15: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

a visualization turns something you want to find

into something you can see

Page 16: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

correlations

clusters

extents

outliers

Page 17: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

work with human perception

Page 18: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

work with human senseswork with human memorywork with human cognition

Page 19: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

you have never seen a violin.

perception involves interactivelydirecting narrow attention

Page 20: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

don’t show it all.(you can’t anyway)

Page 21: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

filter

Page 22: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 23: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 24: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 25: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

summarize

Page 26: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 27: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 28: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 29: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 30: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

categories = “distance metric” +clustering algorithm

d(x, y) ≥ 0d(x, x) = 0d(x, y) = d(y, x)d(x, z) ≤ d(x, y) + d(y, z)

k-meanssingle link

hierachical

Page 31: UI for Big Data Visualization | Jonathan Stray | UX Week 2012
Page 32: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

annotate

Page 33: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

history

snapshots

notes

tags

Page 34: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

demo

the overview projectoverview.ap.org

Page 35: UI for Big Data Visualization | Jonathan Stray | UX Week 2012

the world does not springmagically into our heads.

neither does big data.

Interface extends perception. thanks@jonathanstray