Vad vi pratade om förra gången. Fast med andra ord

Transkript

1 Designprocessen 2

2 Vad vi pratade om förra gången Fast med andra ord

3 Användarcentrerad design Tidigt fokus på användarna och deras uppgifter Empiriska mätningar Iterativ design

4 Hur samla in data och utvärdera förslag? Det finns en uppsjö av tekniker, verktyg och metoder att tillämpa i olika delar av processen. Metoder kan ha många olika egenskaper: Kvantitativa kvalitativa Empiriska analytiska Objektiva subjektiva Explorativa validerande Grad av användarmedverkan (participation)

5 Hur samla in data och utvärdera förslag? Det finns inte en metod som alltid är rätt! Olika metoder behövs i olika delar av processen Kombination av metoder är ofta nödvändig Var medveten om vad den/de metoder du väljer ger för information! Vad är syftet med datainsamlingen? Se upp! Vad gör vi med data som samlas in? Felaktigt val av metoder, eller dåligt genomförande, leder till dålig data och felaktiga slutsatser

6 Dålig data och felaktiga slutsatser Ex: Experimentet är inriktat på fel uppgift Testpersonerna är inte representativa för målgruppen Frågorna är felaktigt utformade

7 Dålig data och felaktiga slutsatser Experimentet är inriktat på fel uppgift, ex. Visar man användaren ett alltför färdigt användargränssnitt blir fokus i feedbacken ofta på det ytliga, såsom färger och positioner av knappar. Medan man egentligen är intresserad av att testa funktioner på en mer konceptuell nivå.

8 Dålig data och felaktiga slutsatser Testpersonerna är inte representativa för målgruppen, ex. Man använder exempelvis enbart personer inom företaget som är mer eller mindre insatta redan Man täcker inte in alla användargrupper

9 Dålig data och felaktiga slutsatser Frågorna är felaktigt utformade, ex. Exempelvis enkät med svårtydda alternativ

10 Över till dagens föreläsning Vi fortsätter med metoder som är användbara i designprocessen

11 Brain storming Body storming Personas Scenarios Lo fi prototyping Skisser Storyboarding Pappersprototyper Hi fi prototyping Card sorting method Och många fler Designtekniker

12 Brainstorming

13 Brain storming

14 Att tänka på Ingen kritik högt i tak! Ovanliga idéer är välkomna Kombinera och förbättra andras idéer Trigga varandra genom att tänka högt

15 Body storming

16 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

17 Body storming

18 Body storming

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

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

21

22 Personas

23 Personas

24 Personas Sätter ett ansikte på abstrakt information om olika målgrupper Empati! Hjälper till att undvika att man utgår ifrån sig själv En gemensam utgångspunkt för utvecklingsteamet

25 Personas

26 Personas

27 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

28 Personas Observera att personas kangeväldigt förenklade bilder av användare, som också ofta kan kännas stereotypa! Personas är inte alltid kopplade till data om användare (Bör de vara det? Vad tycker du?) The special aspect of a persona description is that you do not look at the entire person, but use the area of focus or domain you are working within as a lens to highlight the relevant attitudes and the specific context associated with the area of work. interaction design.org

29 Personas

30 Dags att jobba! Välj en av följande Du är en del av utvecklingsteamet för Google glass. Skapa personas som kan vara användbara i er process. Du är en del av utvecklingsteamet för ett smart hem system. Skapa personas som kan vara användbara i er process.

31 Scenarios

32 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 itvsoffan 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.

33 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

34 Dags att jobba! Skriv ett kort scenario som beskriver hur en person använder ett interaktivt skyltfönster!

35 Lo fi prototyping

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

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

38 Två typer av prototyping Low fidelity prototyping High fidelity prototyping

39 Lo fi prototyping Lo fi = Low fidelity = Låg naturtrogenhet

40 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!)

41 Skisser

42 Skisser

43 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

44

45 Storyboarding

46 Storyboarding inom film

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

48 Storyboarding

49 Storyboarding

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

51 Pappersprototyper

52 Pappersprototyper Ofta bygger man en lo fi prototyp som användare kan interagera med. Ni kommer få bygga pappersprototyper på morgondagens workshop

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

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

55 Hi fi prototyping Efter ett tag blir man begränsad av lo fi prototyping Dags att använda datorverktyg för prototyping

56 Varför hi fi prototyping? Väldigt lik den färdiga produkten både utseendemässigt och i funktionalitet Diskutera grafisk design Navigation och flöde fungerar som det är tänkt Kan testas som om det är den riktiga produkten Upptäcker brister i interaktion och användbarhet

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

58 Mjukvara för hi fi prototyping Powerpoint Flash Photoshop Axure RP The Pencil Project Microsoft Expression Blend + SketchFlow Balsamiq Mockups

59 Card sorting method

60 Card sorting method

61 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

62 Dags att jobba! 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

63 Dags att jobba! Sortera tjänsterna på Lunds kommuns nya hemsida

64 Referenser och resurser User Study Guidelines (pdf)

65 Referenser och resurser Personas Card sorting method Prototyping Low vs High Fidelity prototyping debate, Rudd et al. (1996)