Designprocessen 2
Vad vi pratade om förra gången Fast med andra ord
Användarcentrerad design Tidigt fokus på användarna och deras uppgifter Empiriska mätningar Iterativ design
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)
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
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
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å.
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
Dålig data och felaktiga slutsatser Frågorna är felaktigt utformade, ex. Exempelvis enkät med svårtydda alternativ
Över till dagens föreläsning Vi fortsätter med metoder som är användbara i designprocessen
Brain storming Body storming Personas Scenarios Lo fi prototyping Skisser Storyboarding Pappersprototyper Hi fi prototyping Card sorting method Och många fler Designtekniker
Brainstorming
Brain storming
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
Body storming
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
Body storming
Body storming
Jeff Hawking, PalmPilot Gick runt i flera månader med en prototyp och låtsades att det var en riktig handdator Pretotyping
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.
Personas
Personas
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
Personas
Personas
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
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
Personas
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.
Scenarios
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.
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
Dags att jobba! Skriv ett kort scenario som beskriver hur en person använder ett interaktivt skyltfönster!
Lo fi prototyping
Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.
Prototyper gör det lättare att utforska designidéer. välja bland designidéer.
Två typer av prototyping Low fidelity prototyping High fidelity prototyping
Lo fi prototyping Lo fi = Low fidelity = Låg naturtrogenhet
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!)
Skisser
Skisser
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
Storyboarding
Storyboarding inom film
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!
Storyboarding
Storyboarding
Övning Rita en storyboard för hur man tankar en bil!
Pappersprototyper
Pappersprototyper Ofta bygger man en lo fi prototyp som användare kan interagera med. Ni kommer få bygga pappersprototyper på morgondagens workshop http://www.youtube.com/watch?v=grv2szurpv0
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.
Horisontella och vertikala prototyper Horisontell prototyp: många funktioner och låg detaljgrad. Vertikal prototyp: ett fåtal funktioner och hög detaljgrad.
Hi fi prototyping Efter ett tag blir man begränsad av lo fi prototyping Dags att använda datorverktyg för prototyping
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
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.
Mjukvara för hi fi prototyping Powerpoint Flash Photoshop Axure RP The Pencil Project Microsoft Expression Blend + SketchFlow Balsamiq Mockups
Card sorting method
Card sorting method
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
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
Dags att jobba! Sortera tjänsterna på Lunds kommuns nya hemsida
Referenser och resurser User Study Guidelines (pdf)
Referenser och resurser Personas http://www.interactiondesign.org/encyclopedia/personas.html Card sorting method http://www.interactiondesign.org/encyclopedia/card_sorting.html Prototyping Low vs High Fidelity prototyping debate, Rudd et al. (1996)