Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.

Transkript

1 Prototyping

2 Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.

3 Jeff Hawking, PalmPilot Gick runt i flera månader med en prototyp och låtsades att det var en riktig handdator Pretotyping

4 Vad tjänade Jeff på detta? Han fick förstahandserfarenhet av produkten. Han testade om han faktiskt skulle komma att använda en PalmPilot. Han kunde använda sin fantasi för att komma på nya funktioner.

5 Prototyper gör det lättare att utforska designidéer. välja bland designidéer.

6 IDEO

7 Filmklipp The Astonishing Tribe

8 Två typer av prototyping Low-fidelity prototyping High-fidelity prototyping

9 Lo-fi prototyping Lo-fi = Low-fidelity = Låg naturtrogenhet

10 Varför lo-fi prototyping? Billigt och snabbt Kreativt Demokratiskt (alla kan vara med!) Kan vara lättare att få användarfeedback (prototypen ser inte färdig ut!)

11 Skisser

12 Skisser

13 Tips för skisser Det behöver absolut inte se snyggt ut Strunta i detaljer Det räcker att storlekarna är ungefärliga Jobba inte för mycket med text

14

15 Storyboarding

16 The Empire Strikes Back (1980)

17 Storyboarding Ett sätt att göra ett scenario mer detaljerat Man behöver inte kunna rita och det behöver inte se snyggt ut!

18

19

20

21 Övning Rita en storyboard för hur man tankar en bil!

22 Scenarier

23 Greta, 85 år, vill beställa färdtjänst så att hon kan åka och hälsa på sin dotter. Hon sätter sig i TVsoffan och tar fjärrkontrollen. Hon hittar den stora, gröna PÅ-knappen utan problem. Välkommen Greta. Vad vill du göra för något? frågar TV:n. Beställa färdtjänst till fredag svarar Greta. Vilken tid? fortsätter TV:n. En minut senare är Greta klar med beställningen. TV:n har skickat beställningen och har även lagt till en påminnelselapp på start-skärmen.

24 Scenarier Storytelling är ett naturligt för oss människor att förklara saker och ting Effektivt sätt för kommunikation med användare mellan olika yrkesgrupper i utvecklingsteamet Ofta börjar man med scenarier som man utvecklar till storyboards.

25 Card-based prototypes Ofta bygger man en lo-fiprototyp som användare kan interagera med. Boken kallar dessa cardbased prototypes Kan givetvis vara i vilken storlek som helst, inte bara kortstorlek! Filmklipp

26 Nackdelar med lo-fi prototyping Svårare att identifiera fel. Prototypen kontrolleras av en person. Otydliga specifikationer: Svårare att skapa kod till. Användbarhetstestning blir svårare. Begränsningar med avseende på navigation och flöde.

27 Hi-fi prototyping Hi-fi = High-fidelity = Hög naturtrogenhet

28

29 Verktyg för hi-fi-prototyping Powerpoint Balsamiq Mockups Axure RP Pro The Pencil Project Microsoft Visio Microsoft Expression Blend + SketchFlow

30 MS Expression Blend + SketchFlow Johanna kommer berätta mer.

31 Nackdelar hi-fi-prototyper Tar lång tid att bygga. Användare och utvärderare tenderar att fokusera på ytliga aspekter. Utvecklare ändrar ogärna något de jobbat med länge. Kan skapa överdrivna förväntningar. En enda bugg kan förstöra ett helt användbarhetstest.

32 Horisontella och vertikala prototyper Horisontell prototyp: många funktioner och låg detaljgrad. Vertikal prototyp: ett fåtal funktioner och hög detaljgrad.

33 Konceptuell design: att gå från krav till första design Kap 11.3

34 Vad menas egentligen med konceptuell design? Att gå från produktkrav till konceptuell modell Konceptuell modell = a high-level description of how a system is organized and operates (kursboken, sid 40)

35 En känd konceptuell modell

36 Att tänka på vid konceptuell design Använd ett öppet sinne men glöm aldrig användarna och deras kontext. Diskutera idéer med användarna så mycket som möjligt. Använd lo-fi-prototyping. Iterera, iterera, iterera!

37 I projektet Systemets övergripande struktur (konceptuella modell). Användarens mentala/konceptuella modell. Metaforer. Gruppering av tjänster i naturliga grupper. Språkbruk/terminologi. På denna nivå arbetar ni med flera olika alternativa lösningar (parallell design).

38 Läsanvisningar Kap 11 Kap : Läs noggrant Kap : Läs översiktligt Metaforer: kommande föreläsning Interaktionstyper: kommande föreläsning