jy-web-visualization-ux08-slides

web visualizationdo you see what I see?

viz

ux

examples technologies concepts

conceptsmethodsexamples


vizexamples

stamen

http://stamen.com/clients/cabspotting

visualising radio

http://www.bbc.co.uk/blogs/radiolabs/2008/01/visualising_radio.shtml

radio

http://www.princeton.edu/~ina/infographics/index.html

Great bear

Great bear

http://informationarchitects.jp/web-trend-map-2008-beta/


viztechnologies

maps

http://modestmaps.com/

Simile Project

http://simile.mit.edu/timeline/

Google viz API

gapminder.org

http://gapminder.org/

platforms

http://www.dipity.com/

platforms

platforms

http://flare.prefuse.org/

glue

restXml-rpc

rss

Yahoo pipes

http://pipes.yahoo.com/pipes/

Yahoo pipes


vizconcepts

Illuminated manuscript

Virtruvian man

Edward Tufte

Ingo Günther

TV OwnershipMultiply the number of daily TV deaths by the number of people owning TV sets and subtract that number from the population. Most nations would disappear on a daily basis.

http://worldprocessor.com/

So… this is not new

… but it is maturingsee Eric Rodenbeck’s talk at http://tinyurl.com/6lwezl

Ben Fry

“…to see the forest and the trees at the same time…”

Patterns & Types

MappingTime SeriesConnectionsCorrelationsScatterplot MapsTreesHierarchiesRecursionNetworks and Graphs

Organic Information Design

StructureAppearanceMetabolismGrowthHomeostasisResponsivenessAdaptationMovementReproduction

http://acg.media.mit.edu/people/fry/thesis/

workflow

acquire parse

filtermine

representrefine

interact

workflow

acquire parse

filtermine

representrefine

interact

computer science

maths, stats, data mining

comm design

infovis, HCI, IxD

concepts

concepts

Jesse garret model

methodsexamples

uxconcepts

“designing from the outside in”

Tim O’Reilly

“designing from the outside in”

Tim O’Reilly

“so products know what they are”

Jesse Garrett

“designing from the outside in” Tim O’Reilly

“so products know what they are”

Jesse Garrett

“held in an experience blueprint”Tim Brown

examples

uxmethods

concept models

person

http://interaction08.ixda.org/Dan_Brown.php

beliefs experiences

holds about

Image: Bryce Glass http://soldierant.net

mental models

mental models

http://www.rosenfeldmedia.com/books/mental-models/

http://www.vk2zay.net/article.php/40prototypes

prototypes

… amongst others

mental models

http://www.rosenfeldmedia.com/books/mental-models/

ux

examples

Jonathan Harris http://iwantyoutowantme.org/ http://www.number27.org/

http://iwantyoutowantme.org/

http://www.number27.org/

http://iwantyoutowantme.org/

http://www.kartoo.com/

http://chicago.everyblock.com/

http://stamen.com/projects/oakland_crime_map

http://stamen.com/clients/digg

thanks

[email protected]

jy-web-visualization-ux08-slides

Technology