Embed Size (px)
Citation preview
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
