SlideShare a Scribd company logo
1 of 28
Introduksjon til
interaktive medier 3
Hello again.
Kjartan Michalsen
Mail: kjartan@liksom.no
Mobil: 40454554
Skype: kjartan.michalsen
Takk til alle som var presis!

09:10
Yves Behar: Designing objects
that tell stories
Gjennomgang av interaktive
historier.
Oppgave:
Skisser ut en ny
selvbetjeningsløsning for NSB.
Del 1: Undersøk
Interaksjonsdesign
Triks
Typografi
Store, lesbare, spennende fonter.
Bruk luft - uendelig lerret, brukerne scroller.
Farger
Kontrast for lesbarhet.
Flere farger. Komplimentærfarger.
Gradienter.
Transparens.
Lyse farger.
Bilder & video
Store bilder.
Slideshow.
Mulighet for fullskjermsvisning
Illustrativt stillbilde til brukeren velger å starte video
Touch-interaksjon
Store, tydelige knapper.
Swipe og andre former for alternativ interaksjon
Luft og gruppering
Gruppere sammen naturlige elementer
Luft for å gi elementer rett oppmerksomhet
Animasjoner & illustrasjoner
Korte, raske introanimasjoner på scenen
Animasjoner på bevegelse (fra mus eller touch)
Illustrasjoner og grafikk som raskt gir leseren oversikt
Interaktiv informasjonsgrafikk
Hold det enkelt
Minimalistisk
Fokus på det viktigste
Knapper og glansbilder
Gjør tydelig forskjell på hva som er trykkbart og ikke.
Vær konsekvent.
Bruk ikoner der de gir mening alene.
Oppgave:
Skisser ut en ny
selvbetjeningsløsning for NSB
Del 2: Utfør.
Konsentrer dere om å kjøpe
billett. Til nå, til senere og
månedskort.
Skiss alt, design det viktigste.
Gjennomgang i morgen.
Khib interaksjonsdesign 3
Khib interaksjonsdesign 3

More Related Content

More from Kjartan Michalsen

Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1Kjartan Michalsen
 
Bordet fanger software 2013 - kjartan michalsen
Bordet fanger   software 2013 - kjartan michalsenBordet fanger   software 2013 - kjartan michalsen
Bordet fanger software 2013 - kjartan michalsenKjartan Michalsen
 
Gjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIBGjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIBKjartan Michalsen
 
Nye medier - redaksjonell design
Nye medier - redaksjonell designNye medier - redaksjonell design
Nye medier - redaksjonell designKjartan Michalsen
 
Hold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjektHold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjektKjartan Michalsen
 
User centric eployee portal michalsen.ppt
User centric eployee portal michalsen.pptUser centric eployee portal michalsen.ppt
User centric eployee portal michalsen.pptKjartan Michalsen
 

More from Kjartan Michalsen (10)

Khib interaksjonsdesign 2
Khib interaksjonsdesign 2Khib interaksjonsdesign 2
Khib interaksjonsdesign 2
 
Khib interaksjonsdesign 1
Khib interaksjonsdesign 1Khib interaksjonsdesign 1
Khib interaksjonsdesign 1
 
Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1
 
Bordet fanger software 2013 - kjartan michalsen
Bordet fanger   software 2013 - kjartan michalsenBordet fanger   software 2013 - kjartan michalsen
Bordet fanger software 2013 - kjartan michalsen
 
Gjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIBGjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIB
 
Nye medier - redaksjonell design
Nye medier - redaksjonell designNye medier - redaksjonell design
Nye medier - redaksjonell design
 
Hold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjektHold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjekt
 
Valgkamp i gamle Oslo AP
Valgkamp i gamle Oslo APValgkamp i gamle Oslo AP
Valgkamp i gamle Oslo AP
 
User centric eployee portal michalsen.ppt
User centric eployee portal michalsen.pptUser centric eployee portal michalsen.ppt
User centric eployee portal michalsen.ppt
 
Hybrid-applikasjoner
Hybrid-applikasjonerHybrid-applikasjoner
Hybrid-applikasjoner
 

Khib interaksjonsdesign 3

Editor's Notes

  1. KA: det går skikkelig bra