INF1500 Høst 2015 Magnus Li Martine Rolid Leonardsen. Design og prototyping

Transkript

1 INF1500 Høst 2015 Magnus Li Martine Rolid Leonardsen Design og prototyping

2 I DAG GENERELT - Oblig 2 EKSAMENSOPPGAVER KAHOOT PROTOTYPING - Oppløsning - Dimensjoner - Metoder PRAKTISKE EKSEMPLER

3 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

4 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.

5 PROTOTYPING

6 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.

7 PROTOTYPER BEGREPER - Prototyper Dimensjoner Utseende Innhold Funksjonalitet Interaksjon Fysikk

8 PROTOTYPER Kompromisser Vertikal prototype: Få funksjoner, med mye dybde Horisontal prototype: Mange funksjoner med lite dybde BEGREPER - Prototyper - Vertikal - Horisontal

9 PROTOTYPER Utvikling Evolusjonære prototyper Bruk og kast -prototyper

10 PROTOTYPER Oppløsning Lavoppløslige / low-fidelity prototyper Høyoppløslige / high-fidelity prototyper BEGREPER - Prototyper - Lavoppløslige - Høyoppløslige

11 PROTOTYPINGSMETODER Skisser - Strukturerer tanker og idéer. Kommunisere konsepter og design på et tidlig stadie

12 PROTOTYPINGSMETODER Storyboards - Fremstilling av scenario med eller uten prototype Kan benyttes til brukertesting

13 PROTOTYPINGSMETODER Index-kort - Simulere interaksjon og respons med papirskisser

14 PROTOTYPINGSMETODER Index-kort Fra alistapart.com

15 PROTOTYPINGSMETODER Wireframes - Prototyping av nettsider og apps. Raskt å teste design med simulert interaksjon

16 PROTOTYPINGSMETODER BEGREPER - Wizard of oz Wizard of Oz

17 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

18 PRAKTISK EKSEMPEL: JOHN BLUND

19 EKSEMPEL Problemstilling Hvordan gjøre det lettere for unge folk (ca år) å stå opp om morgenen? Tema: Stå opp om morgenen Brukergruppe: Unge i ca alder år Aktører: Brukergruppen, prosjektgruppen, faglærer og sensorer ved IFI.

20 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

21 EKSEMPEL Skisser

22 EKSEMPEL Skisser

23 EKSEMPEL Skisser

24 EKSEMPEL Brukertesting: Storyboards

25 EKSEMPEL Brukertesting: Storyboards

26 EKSEMPEL Brukertesting: Fokusgruppe

27 EKSEMPEL 3D-modell

28 EKSEMPEL Høyoppløslig prototype

29 PRAKTISK EKSEMPEL: KRAFTKAMPEN

30 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.

31 EKSEMPEL Skisser

32 EKSEMPEL Brukertesting: Wireframing

33 EKSEMPEL Høyoppløslig prototype

34 EKSEMPEL Høyoppløslig prototype - Summativ evaluering

35 EKSEMPEL Wizard of Oz

36 PRAKTISK EKSEMPEL: Tangible interactions arbeid i masterkurs på IFI

37

38

39

40

41 RELEVANTE EKSAMENSOPPGAVER

42 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)