Boken. Kapitel 10. Kapitel 11. Kap Ej Kap 10.7, det tar vi senare Resten, läs själva

Transkript

1 Designprocessen 2

2 Boken Kapitel 10 Kap Ej Kap 10.7, det tar vi senare Resten, läs själva Kapitel 11

3 Brain storming Body storming Personas Scenarios Lo-fi prototyping Skisser Storyboarding Pappersprototyper Card sorting method Designtekniker

4 Brainstorming

5 Brain storming

6 Att tänka på Ingen kritik Ovanliga idéer är välkomna Kombinera och förbättra andras idéer

7 Body storming

8 Body storming

9 Body storming Since our cognition is anchored in the real world, new and better ideas may result if the brain-storming is done more in context and includes the appropriate physical experiences. User Study Guidelines (pdf)

10 Body storming

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

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

13

14 Personas

15 Personas

16 Personas Sätter ett ansikte på abstrakt information om olika kundgrupper Empati! En gemensam utgångspunkt för utvecklingsteamet För att undvika att man utgår ifrån sig själv

17 Personas

18 Personas Catherine is a neatness freak Anna just wants to get the chores over as quickly as possible Monica is superefficient Maria is a homebody who dotes on her family

19 Personas

20 Scenarios

21 Scenarios 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.

22 Scenarios 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

23 Övning Skriv ett kort scenario som beskriver hur en person använder ett interaktivt skyltfönster!

24 Lo-fi prototyping

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

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

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

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

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

30 Skisser

31 Skisser

32 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

33

34 Storyboarding

35 Storyboarding inom film

36 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!

37 Storyboarding

38 Storyboarding

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

40 Pappersprototyper

41 Pappersprototyper Ofta bygger man en lo-fiprototyp som användare kan interagera med. Boken kallar dessa cardbased prototypes Ni kommer få bygga pappersprototyper på morgondagens workshop

42 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. Begränsad nytta senare i designprocessen.

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

44 Card sorting method

45 Card sorting method

46 Card sorting method För att utforska applikationens generella struktur Kan även användas för att utforska användarnas mentala modell (användarna får själva sortera) Mycket användbar i designfasen Konceptuell design

47 Övning sortera tjänsterna på Lunds kommuns nya hemsida! Teater Gymnasier Historia Shopping Buss Barnomsorg Taxi Friluftsliv Vandrarhem Biografer Sjukhus Vårdcentraler Museer Restauranger Bank Post Hotell Parker Bed & breakfast Pubar Tåg Flygplats

48 Teater Gymnasier Buss Vandrarhem Biografer Barnomsorg Taxi Hotell Historia Vårdcentraler Tåg Bed & breakfast Museer Bank Sjukhus Flygplats Shopping Post Pubar Restauranger

49 Card sorting method

50 Fördjupning designtekniker User Study Guidelines (pdf)

51 Visdomsord som kan vara till nytta i en designprocess

52 If something can go wrong it will go wrong

53 Less is more

54 Less is more The hardest part of design, especially consumer electronics, is keeping features out. Donald Norman

55 Kill your darlings

56 Think outside the box

57 The devil is in the details

58 The devil is in the details

59 The devil is in the details

60 Context is king

61 Till sist: En god interaktionsdesigner är Mottaglig för kritik Empatisk Kreativ Flexibel