5 UX verktyg för att sätta användaren i fokus

Föreläsning på Berghs School of Communication 27 augusti 2015. En sammanfattning av olika verktyg inom digital produktutveckling som tex. persona-hypoteser, empathy mapping, impact mapping, design studio och user story mapping.

Transcript

1. 5 UX-designmetoder för att sätta användare i fokus Jens Wedin Director of User Experience, Handelsbanken kursansvarig för ”UX Product Development” Hannes Johansson Service Designer, Valtech 27 augusti 2015
2. The Aha! moment occurred when we went deeper in our quest. We asked the question, “What should a helmet look like or do, in order for you to wear it?” “It needs to be invisible” —Terese Alstin, co-founder of Hövding
4. Discover Create Validate Empathy Mapping Impact mapping Design Studio User Story Mapping Persona-hypotes
5. Persona-hypotes PH
6. Vad & varför • Är samma sak som en vanlig persona förutom att den inte är baserad på data och research • Ibland så kan team och produktägare ha erfarenhet av målgruppen • Går snabbt att göra och kan lätt ändras • Bra att göra när man är osäker på sin målgrupp • För att få gemensam syn om sin målgrupp PH
7. Hur Format: Workshop med team och produktägare Längd: 2-3 timmar Tänk på att
 Istället för att först göra research vänder vi på steken och har en hypotes kring målgruppen som vi sedan kan validera Som vanligt så kan det finnas flera personas beroende på vilka behov eller problem de har Eftersom det är hypoteser behöver de valideras PH Mycket viktigt!
8. Persona-hypotes PH Namn och skiss Demografi och beteende Hypoteser och lösningar Behov och problem
9. Leia Demografi och beteende • Arbetar ca 50% på kontoret och 50% ute hos kund • Jobbar ibland hemifrån då hen har mindre barn • Sitter på Mac • Kopplar ibland upp sig via VPN mot kontoret • Använder ofta mobilen Demografi och beteende Behov och problem • Behöver kunna enkelt hitta information som underlättar hens arbete • Tycker det är jobbigt att kommunikation sker på sprida ställen, svårt att hitta vart någon har skrivit något • Behöver kunna dela filer med kollegor i projekt och med kund Hypoteser och lösningar • Enklare att hitta på intranätet • En sökmotor som söker i fler system än intranätet • En lösning typ Dropbox för att dela filer med kollegor och kunder. • Lösningen måste vara anpassad för mobilen PH
10. Discover Create Validate Empathy Mapping Impact mapping Design Studio User Story Mapping Persona assumptions
11. Empathy Mapping EM https://www.youtube.com/watch?v=1Evwgu369Jw
12. Vad & varför • Empathy Mapping används för att få en större förståelse för hur målgruppen känner, tänker och agerar i specifika situationer • För att team och produktägare ska få en förståelse för målgruppen så vi kan ta fram en design som utgår från användarens situation EM
13. Hur Format: Workshop med team och produktägare Längd: 1-2 timmar Tänk på att: 
 Utgå från persona en persona-hypotes eller riktig research Kan tas vidare för att göra kundresekartor EM
14. FEEL THINK DO (SAY, SEE & HEAR) SITUATION EM
15. www.cooper.com/journal/2014/05/persona-empathy-mapping
16. Discover Create Validate Empathy Mapping Impact mapping Design Studio User Story Mapping Persona assumptions
17. Impact Mapping IM
18. Vad & varför Impact mapping är en verktyg för reda ut vilka effekter ett företag vill få ut av ett system eller projekt. Vilka som använder systemet och vad systemet ska lösa för problem för användarna IM
19. Hur Format: Workshop med team och produktägare Längd: en dag Tänk på att: Kan även göras under längre tid genom att göra intervjuer med stakeholders och användare IM
20. IM
21. IM
22. IM
23. IM
24. IM
25. IM
26. IM
27. Varför Vem Hur Vad
28. Discover Create Validate Empathy Mapping Impact mapping Design Studio User Story Mapping Persona assumptions
29. Design Studio DS
30. Vad Design Studio är ett verktyg för att visualisera många koncept på kort tid tillsammans med personer med olika roller och erfarenheter DS
31. Varför DS
32. Få en gemensam förståelse av problembilden. Hur fungerar det idag och vad är önskebilden. Vad är designgapet? DS
33. Lyfta idéer från olika perspektiv som t.ex. design, affär och utveckling men även även… …säkerhet, kundservice, marknad, HR, finans och så vidare DS
34. Stärka och testa idéer på varandra DS
35. Skapa en kultur av delad ägarskap av produkt och design DS
36. Snabbt skapa flera olika lösningar DS
37. Problem Lösning Lösning Lösning Lösning Lösning Lösning X Lösning Lösning Lösning Lösning Lösning Lösning Lösning Y DS
38. Hur DS
39. Hur Format: Workshop med team och produktägare Längd: En dag Tänk på att: 
 Se till att det finns med personer med olika roller Ha ett specifikt problem att lösa (Impact Mapping) Visualisera din lösning med skisser Det är intensivt! IM
40. Skapa Presentera Kritisera Skapa Pres Belysa DS
41. http://www.leslieforman.com/2015/07/bridgecrest-medical/
42. Discover Create Validate Empathy Mapping Impact mapping Design Studio User Story Mapping Persona assumptions
43. User Story Mapping USM
44. Vad & varför • User Story Mapping är ett verktyg för att bryta ner ett designkoncept till en visuell plan hur den ska utvecklas • Fokus på det övergripande bilden, på produkten istället för enskilda stories • Enkelt verktyg för att planera, prioritera och sätta scope USM
45. Hur Format: Workshop med team och produktägare Längd: 2-3 timmar Tänk på att:
 Utgå från hur användaren använder en produkt USM
46. User activities User tasks User stories User stories Iteration 1 Iteration 2 Hur en användare rör sig genom en produkt USM
47. USM
48. https://dribbble.com/shots/1753131-MVP USM
49. USM
50. En röd tråd • Arbeta tvärfunktionellt • Samarbeta och jobba tillsammans. På riktigt • Jobba analogt = whiteboard & post-it’s • Utgå alltid från användarens perspektiv
51. Fotografier från superfamous.com nos.twnsnd.co unsplash.com
52. Berghs School of Communication Tack! info@berghs.se / www.berghs.se / facebook.com/berghs Vill du lära dig mer? Kursen ”UX Product Development” med Jens Wedin startar 6 november (sista ansökningsdag 9 oktober)