Introduksjon til interaktive medier 5

Marian Bantjes: Intricate beauty by design.

Del 1: Naturlige grensesnitt

CLIKommandolinjegrensesnitt

StrengtKodespråk

GUI

Musbasert

MetaforerForklarendeDirekte

NUI

Naturlige brukergrensesnitt

DirekteIntuitive

” ”

Naturlige brukergrensesnitt og opplevelser

Organiske brukergrensesnittInput og output i samme objekt // Form er lik funksjon. Formen forsterker og forklarer funksjon //Flyt følger form.

Håndgripelige brukergrensesnittFysisk representasjon er koblet til underliggende informasjon // Fysiske objekter har mekanismer for interaktiv kontroll // Fysiske objekter har, kan få, eller være fysisk representasjon av en digital tilstand

Interpersonlige mediaHver deltager i kommunikasjonen har lik kontroll over innholdet som blir kommunisert. // Innholdet blir individualisert til det enkelte individ.

MassemediaNøyaktig det samme innholdet går til alle mottakere //Den som sender har absolutt kontroll over innholdet og form

Nye MediaUnik tilpasset informasjon kan samtidig leveres til uendelig mange mennesker // Alle involvert i kommunikasjonen har lik kontroll over innholdet // Ikke fiksert, kan eksistere i uendelige variasjoner

KonfliktenTradisjonell billedlig illusjonisme siden renessansen – skjermen (bildet, maleriet) er et vindu til et virtuelt rom // Noe å se inn i, men ikke interagere med.

KonfliktenNy konvensjon fra 1981 – grafiske grensesnitt på dataskjerm // Skjermen har et klart definert sett med kontroller, og blir derfor et virtuelt instrumentpanel.

Skjermen blir en slagmark for flere inkompatible definisjoner – Dybde / overflate, transparens / gjennomsiktighet og bilde som romlig illusjon / instrumentpanel for handling

Del 2: Brukerinnsikt

Del 1: Naturlige grensesnitt

IntervjuHva, hvorfor og hvordan?

Intervjuer gir dybdeinnsikt.De viktige oppfølgingsspørsmålene.

Hvordan?Start med formål for intervjuet og fortrolighetBakgrunn og mål for prosjektetBakgrunn og kontekst om brukeren

Hvordan?Fra det abstrakte til det konkrete.Nå-situasjon til fremtidsdrømmer.

Hvordan?Åpne spørsmål som oppfordrer til detaljer.Spør oppfølgingsspørsmålene selv om de ikke er nedskrevet. Justér intervjuet underveis.

Hvordan?La intervjuet handle om subjektene – du er der for å lære. Still gjerne spørsmål du allerede tror du kjenner svarene på, nyeanseforskjeller kan være nyttig.

Hvordan?Still åpne spørsmål: “Fortell meg mer om...”.Led samtalen for å “Jeg vil gjerne gå videre”, “Tidligere sa du at...”, “Jeg vil gjerne gå tilbake til...”.

Bare en guide:

SpørreundersøkelseSpørreundersøkelseHva, hvorfor og hvordan?

Spørreundersøkelser gir kvantifiserbarinnsikt.

UtvalgSørg for bredde i utvalget ditt. Vær aktiv i å skaffe respondenter.

LengdeEn kort og spisset undersøkelse med et bredt utvalg er bedre enn en lang med lite utvalg

SpørsmålKort om bakgrunn - kan skille svar fra hverandre.Kvantifiserbare spørsmål. (Ja/nei, skala, valg).Entydige spørsmål, presise formuleringer

VerktøyGoogle driveSurveymonkeyKwik surveys Og mange flere..

Google drive demo!

PersonasHva, hvorfor og hvordan?

En persona er beskrivelsen av en spesifikk bruker av løsningen vi skal designe.

Personas er:

Vi samler:

• Demografisk informasjon

• Behov og preferanser

• Biografisk informasjon

Oppsummering av brukerundersøkelser.

Ikke en reell bruker, ikke en gjennomsnittlig bruker, men en typisk bruker

HensiktÅ utvikle flere personas som skal representere spennet i målgruppa. Personaene skal også inneholde et scenario– en beskrivelse av hvordan personen vil bruke systemet som utvikles.

Hvorfor personas• Viser brukernes handlingsmønster

• Styrende for videre design

• Felles kommunikative referanser

• Evalueringsverktøy

• Gjøre det mulig for designerene å delta i og forstå brukerens virkelighet!

• Filtrere bort personlige quirks og heller fokusere på mer overordnet motivasjon og atferd

Hvorfor personas• Gjør det enklere å ta strategiske beslutninger om produktet vi

designer.Brukes som grunnlag for utforming av og rekruttering til brukertest.

• Vi lager personas for å sikre vi at systemet vil fungere optimalt for en spesifikk bruker med reelle utfordringer.

• Gjør oss i stand til å ta bedre avgjørelser om design (prioritering, kompromisser og faseinndeling).

HvordanSteg 1: Identifisere brukere av applikasjonen eller websiden

Steg 2: Kort profil

Beskriv personlig bakgrunn, forhold til løsningen, karaktertrekk eller attributter. Gi personaen din et bilde, et navn, og en alder for å forme et visuelt inntrykk av personaen.

Behov, frustrasjoner og verdier.

NB! Ikke gå dere vill i å beskrive personlig profil - enkelte ting passer kanskje bedre i en roman enn i en personabeskrivelse...

HvordanSteg 3: Mål

Målsetninger kan være:.personlige ... knyttet opp mot avdeling/organisasjon... relatert til opplevelse eller følelser,... livsmål ... langsiktige ... kortsiktige. ... konkrete... vage...Løsningen bør til syvende og sist hjelpe personaen å nå målene sine (ikke alle mål er relevante og nødvendige å ta med.)

Steg 4: Scenario

Scenarioer er typiske situasjoner brukeren opplever i det han/hun forsøker å nå målene sine.

Tittel og NavnHvemBakgrunn

Behov, frustrasjoner og verdier

Hvordan kjenner han/hun Løsningen

Mål

Scenarier hun/han bruker løsningen

Kari Berntsen“Jeg har det veldig travelt. Jeg rekker ikke gjøre alt jeg skal på jobben!”

Rektor på barneskole i Tønsberg. Gift, barn på 3 og 7 år. Bakgrunn: Tidligere lærer. Jobbet i administrasjonen I 4 år, og akkurat blitt rektor. Middels datakompetanse. Behersker jobbverktøy bra, har iPad til surfing hjemme. Har mange interesser, men lite fritid. Liker friluftsliv og klassisk musikk. Litt sjefete personlighet. God selvtillitt, bestemt og omsorgsfull. Utolmodig.

Behov, frustrasjoner og verdier Hvordan kjenner han/hun Løsningen: [..]Mål: Går inn for å løse konkrete oppgaver. Utfordrer seg selv på nettbruk, feks netthandel, fordi når det virker opplever hun at hun sparer masse tid.Scenarier hun/han bruker løsningen: [..]

Prosjektoppgave:Grupper (2/3). Valgfritt interaktivt tema.Innsikt, skisse, konsept og design av nøkkelelementer. Til i morgen: Arbeid med idé og plan.