Design og prototyping

INF1500 | Høst 2015
Magnus Li
Martine Rolid Leonardsen
Design og prototyping
I DAG
GENERELT
- Oblig 2
EKSAMENSOPPGAVER
KAHOOT
PROTOTYPING
- Oppløsning
- Dimensjoner
- Metoder
PRAKTISKE EKSEMPLER
OBLIG 2
Frist 18. oktober
Analyse av data
- Behov
- Krav
- Strukturere i ett eller flere scenario
- Gjerne også ett eller flere persona som brukes i scenario
To prototyper. For begge:
- Papirprototype som gir en grov skisse
- En mer høyoppløslig prototype hvor flere designvalg kommer frem
For begge prototyper: Beskrive, drøfte og utdype
- Grensesnitt, funksjonalitet og interaksjon
- Designprinsipper og retningslinjer
- Prototypingsdimensjoner
- Hvordan behovene blir adressert
OBLIG 2
Frist 18. oktober
For de to mer høyoppløslige prototypene skal ulik prototypeteknikk benyttes. For
eksempel wireframing og videoprototype.
Kun en av de to prototypene kan ha et grensesnitt som baserer seg på WIMP/GUI. I
stedet kan man benytte tangible, haptisk, sharable, speech, air-based eller liknende
grensesnitt.
PROTOTYPING
PROTOTYPER
BEGREPER
- Prototyper
En definisjon
En prototyp (av gresk) er en foreløpig utgave av et produkt. Prototypen
lages før en starter en produksjon av en vare. Formålet med en prototyp
er å demonstrere og teste funksjon og design.
Fra wikipedia.no
For oss er en prototype er en presentasjon av et konsept / produkt,
utarbeidet med tanke på formidling, testing og evaluering.
PROTOTYPER
BEGREPER
- Prototyper
Dimensjoner
Utseende
Innhold
Funksjonalitet
Interaksjon
Fysikk
PROTOTYPER
Kompromisser
Vertikal prototype: Få funksjoner, med mye dybde
Horisontal prototype: Mange funksjoner med lite dybde
BEGREPER
- Prototyper
- Vertikal
- Horisontal
PROTOTYPER
Utvikling
Evolusjonære prototyper
Bruk og kast -prototyper
PROTOTYPER
Oppløsning
Lavoppløslige / low-fidelity prototyper
Høyoppløslige / high-fidelity prototyper
BEGREPER
- Prototyper
- Lavoppløslige
- Høyoppløslige
PROTOTYPINGSMETODER
Skisser
-
Strukturerer tanker og idéer.
Kommunisere konsepter og design på et tidlig stadie
PROTOTYPINGSMETODER
Storyboards
-
Fremstilling av scenario med eller uten prototype
Kan benyttes til brukertesting
PROTOTYPINGSMETODER
Index-kort
-
Simulere interaksjon og respons med papirskisser
PROTOTYPINGSMETODER
Index-kort
Fra alistapart.com
PROTOTYPINGSMETODER
Wireframes
-
Prototyping av nettsider og apps.
Raskt å teste design med simulert interaksjon
PROTOTYPINGSMETODER
BEGREPER
- Wizard of oz
Wizard of Oz
er
jon
a-v
ers
Alf
Fu
ng
pro eren
tot de
yp
er
es
ram
ref
Wi
ser
r
sse
ski
te
ski
s
jer
tal
De
kle
En
Be
tav
of
Oz
er
jon
ers
rd
Wi
za
rds
rt
ko
Ind
ex-
oa
ryb
Sto
PROTOTYPER
BEGREPER
Metoder og oppløsning
- low-fi prototyper
- hi-fi prototyper
Low-fidelity
High-fidelity
PRAKTISK EKSEMPEL:
JOHN BLUND
EKSEMPEL
Problemstilling
Hvordan gjøre det lettere for unge folk (ca 20 30 år) å stå opp om morgenen?
Tema: Stå opp om morgenen
Brukergruppe: Unge i ca alder 20 - 30 år
Aktører: Brukergruppen, prosjektgruppen,
faglærer og sensorer ved IFI.
EKSEMPEL
Datainnsamling
Intervjuer (N = 8)
- Semistrukturert
- Spørsmål knyttet til hele søvnprosessen, fra før de legger seg til de
har stått opp
Spørreundersøkelse (N = 576)
- Spørsmål basert på data fra intervjuene
- Mulighet til å teste generaliserbarhet
EKSEMPEL
Skisser
EKSEMPEL
Skisser
EKSEMPEL
Skisser
EKSEMPEL
Brukertesting: Storyboards
EKSEMPEL
Brukertesting: Storyboards
EKSEMPEL
Brukertesting: Fokusgruppe
EKSEMPEL
3D-modell
EKSEMPEL
Høyoppløslig prototype
PRAKTISK EKSEMPEL:
KRAFTKAMPEN
EKSEMPEL
Problemstilling
Hvordan gjøre en installasjon på Inspiria Science
Center mer interessant og lærerik for barn i
ungdomsskolealder?
Tema: Læring under interaksjon med utstilling
Brukergruppe: Barn i ungdomsskolealder
Aktører: Brukergruppen, prosjektgruppen, Inspiria
Science Center, faglærer og sensorer ved IFI.
EKSEMPEL
Skisser
EKSEMPEL
Brukertesting: Wireframing
EKSEMPEL
Høyoppløslig prototype
EKSEMPEL
Høyoppløslig prototype - Summativ evaluering
EKSEMPEL
Wizard of Oz
PRAKTISK EKSEMPEL:
Tangible interactions
arbeid i masterkurs på IFI
RELEVANTE
EKSAMENSOPPGAVER
EKSAMENSOPPGAVER
Prototyping
Gi eksempler på prototypingsteknikker som egner seg i en senere fase
av designet og forklar hvorfor? (eksamen 2014)
Hvorfor kan det være utfordrende å gjennomføre evaluering i naturlige
omgivelser med low-fidelity prototyper? (eksamen 2013)
Gi en utdypende forklaring på forskjellen mellom low-fidelity og highfidelity prototyping. Nevn eksempler på de ulike typene. (prøveeksamen 2013)
Hvorfor tror du det kan være gunstig å bruke prototyper med lav
oppløsning i tidlige møter med interessenter? (prøveeksamen 2012)