Introduksjon til

interaktive medier 3

Hello again.Kjartan MichalsenMail: kjartan@liksom.no

Mobil: 40454554

Skype: kjartan.michalsen

09:10

Takk til alle som var presis!

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.