5 smarte grep for datavisualisering

BEKK CONSULTING

Skur 39, Vippetangen

0150 Oslo

5 smarte grep

for datavisualisering

Mai 2011

Bjørn Tore WikenBackend/Java

Eivind IngebrigtsenFrontend

@muff

Vigleik NorheimInteraksjonsdesign@vigleiknorheim

5 grep

1. Begynn med brukeren

2. Besvar ETT spørsmål kjempebra

3. Forstå, og utfordre teknologien

4. Les korrektur

5. Let etter inspirasjon

Begynn med

brukeren

Hentet fra coolinfographics.com

Slik forandrer skyen seg

Grep 1: Begynn med brukeren

Ut av komfortsonen, snakk med brukere!

Hvem er de?

Hva prøver de å finne ut av?

Hvor god tid har brukeren?

Hvor mye detaljer?

Hva kan motivere brukeren?

Besvar ETT spørsmål

kjempebra

Hvordan gikk det med Napoleons hær i Russland?

2 %

98 %

Overlevde

Døde

-Hei, kan du forklare meg denne visualiseringen?

Forstå (og utfordre)

teknologien

Grep 2: Forstå (og utfordre) teknologien

Ut av komfortsonen, snakk med utviklerne underveis!

Utviklere er dyktige, engasjerte og har like lyst til å lage noe kult og nyttig som det interaksjonsdesigneren har

Sett deg inn i verktøyene (slide til slutt)

Leskorrektur

Skikk og bruk

Form follows data

God overskrift (gjerne "det ene spørsmålet")

Husk label og legend på riktig sted + kontraster

Effektiv pixelbruk

kast ut all overflødig grafikk

bruk felter oftere enn skillelinjer

bruk gestaltprinsippene

bruk white space

Animasjoner skal understøtte forståelsen

Let etter inspirasjon

Blogger og forfattere

Flowing Data

Feltron.com

Ben Fry

Edward Tufte

visualcomplexity.com

simplecomplexity.net

visualisationmagazine.com

Oppsummering

Begynn med brukeren

Besvar ETT spørsmål kjempebra

Forstå og utfordre teknologien

Les korrektur

Let etter inspirasjon

Send en melding til

@vigleiknorheim [email protected]

Logg inn STB