5 smarte grep for datavisualisering

655 views

Published on

Rekrutterings-foredrag i datavisualisering, NTNU.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
655
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Hvordan kan denne bli bedre?
  • Hvor mange her som beherskar javascript, HTML5, CSS eller Flex?Hvor mange er det som har hatt fag i interaksjonsdesign/brukervennlighet?
  • MIN BAKGRUNN:-Sivilingeniør i Industriell Design herfra-jobba ett år med produktutvikling, og to år med kontrollromsdesign, fjernstyring av fem plattformar på Valhall-feltet-begynte i BEKK for snart to år sidan, har jobba med Redd Barna, ei stor statlig bedrift og på Storebrand eitt år
  • SPØR UNDERVEIS!
  • ..ikke verktøyet.
  • -brukere kan være skikkelig ubehagelige å forholde seg til-de er litt små-intense amatører som stikker nesa i det du driver med, og har sterke meninger
  • -Eller så er de så dumme at de ikke klarer å bruke dem.
  • -så derfor kan det være mye gøyere å stikke hodet i verktøykassa og se hvilke fete visualiseringer du kan lage med redskapene du har..
  • ..og så kan det bli noe kult, sånn som dette. Her er det masse tøffe streker, rødt og sort, og det ser overveldande, nesten litt imponerande ut.Uten at du har tatt kontakt med brukeren eller målgruppa.
  • -resultatet er dessverreen flott sak som ikke gir et fornuftig svar på noen ting, eller svarer på alt annet.
  • Denne her ser BÅDE imponerande ut, den informerer brukaren, og den vekker nysgjerrigheten til brukarar som i utgangspunktet ikkje er interessert.
  • Hvor mange har hørt om Edward Tufte? dette er en klassisk, gammel visualisering som Edward Tufte ofte tar fram i sine foredrag. JA, den er fantastisk som en visning på papir, og viser oss når og hvor troppene til napoleon døde, og temperaturen underveis. Hvis man stirrer lenge nok på denne kan man dra svært mange slutninger om krigføring og historie, men den ville neppe fungert i en moderne datavisualisering annet enn et ekspertgrensesnitti et kontrollrom der man. TID OG OPPMERKSOMHET ER NOE VI IKKE HAR LENGER; DERFOR MÅ VI KOMME KJAPPERE TIL POENGET ENN FØR.
  • -vi trenger ikke besvare alle spørsmålene med bare en visualisering. I grensesnittene som flere av dere kommer til å jobbe med vil dere ha kunnskap om brukerern og konteksten - enten vedkommende er innlogget, eller bare har klikket til en site eller en side i applikasjonen. Dette er en kjempemulighet til å PRIORITERE hva brukeren bør konsentrere seg om. SELVE ARBEIDSMETODEN HER er å finne ETT SPØRSMÅL PR VISUALISERING som skal besvares bra. Alt annet er en bonus. Det er nå LETT å lage mange visualiseringer, derfor er det mye bedre å lage et sett med visualiseringer som er byte-size og to-the point enn en stor, tungt fordøyelig
  • Dette er all testingen du trenger før implementering. DESTO viktigere!
  • Hvis du er interaksjonsdesigner - forstå de tekniske begrensningene og mulighetene du har for visualiseringen du vil ha laget. Når du jobber som interaksjonsdesigner i endel firma som ikke har egne utviklere, leverer du ofte fra deg skissene inn i et hull, altså til et eksternt firma, uten å få diskutert dem skikkelig med de som skal implementere.
  • Så da tror du at en utvikler ser slik ut....
  • men i BEKK har eg fått dette bildet av programmerere, det er engasjerte problemløsere. Hos BEKK får du oversikt over en utviklingsprosess fra A til Å, og forstår dermed din plass i teamet mye bedre, og du skjønner mer av de andre disiplinene.
  • Hvilke visualiseringsverktøy må du få innsikt i
  • Ikke bare interaksjonsprinsipper - Teori og praksis, grav litt ut av komfortsonen
  • Du kan uansett lære deg hva utviklerne faktisk kan gjøre og ikke.
  • Pixel til data -tegn eksempler på effektiv pixelbruk
  • Hvordan kan denne bli bedre?
  • Brian Suda
  • Ben Fry – legende i "saklig" datavisualisering. Hovedoppgaven hans ligger gratis tilgjengelig på nett, like bra som boka.
  • 5 smarte grep for datavisualisering

    1. 1.
    2. 2. Mai 2011<br />5 smarte grep for datavisualisering<br />
    3. 3.
    4. 4. Bjørn Tore Wiken<br />Backend/Java<br />Eivind Ingebrigtsen<br />Frontend<br />@muff<br />Vigleik Norheim<br />Interaksjonsdesign<br />@vigleiknorheim<br />
    5. 5. 5 grep<br />Begynn med brukeren<br />Besvar ETT spørsmål kjempebra<br />Forstå, og utfordre teknologien<br />Les korrektur<br />Let etter inspirasjon<br />
    6. 6. Begynn med brukeren<br />
    7. 7.
    8. 8.
    9. 9.
    10. 10. Hentet fra coolinfographics.com<br />
    11. 11.
    12. 12. Slik forandrer skyen seg<br />
    13. 13. Grep 1: Begynn med brukeren<br />Ut av komfortsonen, snakk med brukere!<br />Hvem er de?<br />Hva prøver de å finne ut av?<br />Hvor god tid har brukeren?<br />Hvor mye detaljer?<br />Hva kan motivere brukeren?<br />
    14. 14. Besvar ETT spørsmål kjempebra<br />
    15. 15.
    16. 16. Hvordan gikk det med Napoleons hær i Russland?<br />
    17. 17. -Hei, kan du forklare meg <br />denne visualiseringen?<br />
    18. 18. Forstå (og utfordre) teknologien<br />
    19. 19.
    20. 20.
    21. 21.
    22. 22.
    23. 23.
    24. 24.
    25. 25.
    26. 26.
    27. 27.
    28. 28.
    29. 29. Grep 2: Forstå (og utfordre) teknologien<br />Ut av komfortsonen, snakk med utviklerne underveis!<br />Utviklere er dyktige, engasjerte og har like lyst til å lage noe kult og nyttig som det interaksjonsdesigneren har<br />Sett deg inn i verktøyene (slide til slutt)<br />
    30. 30. Les<br />korrektur<br />
    31. 31. Skikk og bruk<br />Form follows data<br />God overskrift (gjerne "det ene spørsmålet")<br />Husk label og legend på riktig sted + kontraster<br />Effektiv pixelbruk<br />kast ut all overflødig grafikk<br />bruk felter oftere enn skillelinjer<br />bruk gestaltprinsippene<br />bruk white space<br />Animasjoner skal understøtte forståelsen<br />
    32. 32.
    33. 33. Let etter inspirasjon<br />
    34. 34.
    35. 35.
    36. 36. Blogger og forfattere<br />Flowing Data<br />Feltron.com<br />Ben Fry<br />Edward Tufte<br />visualcomplexity.com<br />simplecomplexity.net<br />visualisationmagazine.com<br />Logg inn STB<br />
    37. 37. Oppsummering<br />Begynn med brukeren<br />Besvar ETT spørsmål kjempebra<br />Forstå og utfordre teknologien<br />Les korrektur<br />Let etter inspirasjon<br />
    38. 38.
    39. 39. Logg inn STB<br />Send en melding til<br />@vigleiknorheim vigleik.norheim@bekk.no<br />

    ×