Design sprints & design är en lagsport

Lektion i kursen Digital Management @ Berghs School of Communication.

Transcript

1. BERGHS SCHOOL OF COMMUNICATION 1
2. BERGHS SCHOOL OF COMMUNICATION 2 Marcus Castenfors Head of Product Design
3. BERGHS SCHOOL OF COMMUNICATION Så lite om vem jag är... 3
4. BERGHS SCHOOL OF COMMUNICATION 4
5. BERGHS SCHOOL OF COMMUNICATION 5
6. BERGHS SCHOOL OF COMMUNICATION DESIGN SPRINTS & DESIGN ÄR EN LAGSPORT 6 MAR 23 2016
7. BERGHS SCHOOL OF COMMUNICATION 7 Mina föreläsningar
   Onsdag 23/3: Design Sprints Onsdag 30/3: Lean Startup & Atomic Design
8. BERGHS SCHOOL OF COMMUNICATION …people will forget what you said, people will forget what you did, but people will never forget how you made them feel.” 8 “ “ Maya Angelou
9. BERGHS SCHOOL OF COMMUNICATION Dålig design :( 9
10. BERGHS SCHOOL OF COMMUNICATION 10
11. BERGHS SCHOOL OF COMMUNICATION 11
12. BERGHS SCHOOL OF COMMUNICATION 12
13. BERGHS SCHOOL OF COMMUNICATION 13
14. BERGHS SCHOOL OF COMMUNICATION Bra design :) 14
15. BERGHS SCHOOL OF COMMUNICATION kärt barn har många namn User Experience Product Design Interaktionsdesign Användbarhet Design Thinking Informationsarkitektur Service Design Experience Design 15
16. BERGHS SCHOOL OF COMMUNICATION Vad betyder dom?!?! 16
17. BERGHS SCHOOL OF COMMUNICATION 17
18. BERGHS SCHOOL OF COMMUNICATION ’User experience’ encompasses all aspects of the end-user's interaction with the company, its services, and its products. 18 “ “ Jakob Nielsen
19. BERGHS SCHOOL OF COMMUNICATION Service design is the activity of planning and organizing people, infrastructure, communication and material components of a service in order to improve its quality and the interaction between service provider and customers. 19 “ “ Wikipedia
20. BERGHS SCHOOL OF COMMUNICATION 20 Interaktion Organisation Göra det så enkelt och effektivt som möjligt att använda en produkt eller tjänst Skapa en så effektiv organisation som möjligt för att möta kundens behov.
21. BERGHS SCHOOL OF COMMUNICATION Men… det viktigaste… 21
22. BERGHS SCHOOL OF COMMUNICATION Empati medkänsla för andra; egenskapen att kunna känna med andra, sätta sig in i andras situationer 22
23. BERGHS SCHOOL OF COMMUNICATION If there is any one secret of success, it lies in the ability to get the other person’s point of view and see things from that person’s angle as well as from your own. 23 “ “ Henry Ford
24. BERGHS SCHOOL OF COMMUNICATION Hur designar man för kunden? 24
25. BERGHS SCHOOL OF COMMUNICATION …och hur undviker man det här… 25
26. BERGHS SCHOOL OF COMMUNICATION 26
27. BERGHS SCHOOL OF COMMUNICATION 27 Design är en lagsport !
28. BERGHS SCHOOL OF COMMUNICATION 28 Design Sprint
29. BERGHS SCHOOL OF COMMUNICATION 29
30. BERGHS SCHOOL OF COMMUNICATION 30
31. BERGHS SCHOOL OF COMMUNICATION 31 Monday Unpack What are the user needs, business needs and technology capabilities? Tuesday Sketch How might we explore as many ideas as possible? Wednesday Decide Select the best ideas so far Thursday Prototype Create an prototype that allows to test the ideas with users. Friday Test Test the ideas with users, business stakeholders and technical experts.
32. BERGHS SCHOOL OF COMMUNICATION 32 Monday Unpack Tuesday Sketch Wednesday Prototype Thursday Prototype Friday Test Decide
33. BERGHS SCHOOL OF COMMUNICATION 33 Diverge Converge Insikter Prototyp Skapa idéer Ta beslut
34. BERGHS SCHOOL OF COMMUNICATION inte en vecka, utan två timmar! :) 34
35. BERGHS SCHOOL OF COMMUNICATION Vad Vem Hur 35
36. BERGHS SCHOOL OF COMMUNICATION Vad Upplägget 36
37. BERGHS SCHOOL OF COMMUNICATION 37
38. BERGHS SCHOOL OF COMMUNICATION 38 Verktyg Post its Papper Tejp Sticky dots Pennor Whiteboard pennor Små magneter
39. BERGHS SCHOOL OF COMMUNICATION Vem Teamet 39
40. BERGHS SCHOOL OF COMMUNICATION 40 Core Front-end Developers Product Designers Sprint Master Support Scrum Master Requirement Analyst Product Owner Engineers Data Scientist Design Researcher Expert Compliance Legal Risk Extended Business Developers Product Org Marketing Operations Customer Service
41. BERGHS SCHOOL OF COMMUNICATION Hur Sprintar 41
42. BERGHS SCHOOL OF COMMUNICATION Det är måndag morgon… 42
43. BERGHS SCHOOL OF COMMUNICATION Unpack
    Hur besvarar vi “varför”? 43
44. BERGHS SCHOOL OF COMMUNICATION 44 Skapa insikter
45. BERGHS SCHOOL OF COMMUNICATION 45 Time Activity Lead 09:00-09:15 Introduction Sprint Master 09:15-09:30 Business perspective Product Owner 09:30-09:45 Walk-through of existing functionality Product Owner 09:45-10:00 Competitor demos Product Owner 10:00-10:15 Customer insights Design Researcher 10:15-10:30 Insights from analytics Data Scientist 10:30-11:30 Stakeholder interviews Everyone 11:30-12:00 Group insights Everyone 12:00-12:30 Job stories Everyone
46. BERGHS SCHOOL OF COMMUNICATION 46 When _____ , I want to _____ , so I can _____ . SITUATION MOTIVATION OUTCOME
47. BERGHS SCHOOL OF COMMUNICATION 47 Användartest User research
48. BERGHS SCHOOL OF COMMUNICATION 48 Är det någon av er som har erfarenhet från användartestning?
49. BERGHS SCHOOL OF COMMUNICATION 49
50. BERGHS SCHOOL OF COMMUNICATION 50 Testing one user early in the project is better than testing 50 near the end “ “ Steve Krug
51. BERGHS SCHOOL OF COMMUNICATION 300 million dollar button 51
52. BERGHS SCHOOL OF COMMUNICATION 52 Register
53. BERGHS SCHOOL OF COMMUNICATION 53 Register
54. BERGHS SCHOOL OF COMMUNICATION 54 Continue Register
55. BERGHS SCHOOL OF COMMUNICATION Övning: Användartest
    su.se
    55
56. BERGHS SCHOOL OF COMMUNICATION Stockholms Universitet 56 Para ihop er i grupper om två: en är testledare, en är användare Du är intresserad av söka till programmet “Interaktionsdesign” på Stockholms Universitet. Navigera till su.se. Timing 10-15 minuter för testet 5-10 minuter återkoppling
57. BERGHS SCHOOL OF COMMUNICATION Stockholms Universitet 57 Du är intresserad av söka till programmet “Interaktionsdesign” på Stockholms Universitet. Navigera till su.se med din dator. 1. Utan att klicka runt, berätta om vad du tycker och tänker kring startsidans utseende 2. Utan att använda sökfunktionen, hitta information om programmet “interaktionsdesign” 3. Ta reda på hur du kan ansöka till programmet 4. Ta reda på hur du kan ansöka om boende 5. Hur tyckte du att uppgiften gick? Vad tyckte du var tydligt/otydligt? 6. Om du var designer, vad skulle vara det första du skulle vilja ändra med Stockholms Universitets hemsida? Att tänka på: • Få användaren att “tänka högt” när de använder hemsidan • Ställ gärna följdfrågor
58. BERGHS SCHOOL OF COMMUNICATION 58 Några tips: 1. Alla kan testa 2. Gör det så enkelt som möjligt 3. Använd enkla verktyg 4. Fastna inte i rapporter 5. Gör det till en tradition 6. Fixa de enklaste sakerna först
59. BERGHS SCHOOL OF COMMUNICATION 59 UserTesting.com
60. BERGHS SCHOOL OF COMMUNICATION 60 Tweaky.se
61. BERGHS SCHOOL OF COMMUNICATION 61
62. BERGHS SCHOOL OF COMMUNICATION 62 Nu har ni insikter…
63. BERGHS SCHOOL OF COMMUNICATION Sketch + Decide
    Hur kommer vi på så många idéer som möjligt? 63
64. BERGHS SCHOOL OF COMMUNICATION 64 Time Activity Lead 09:00-09:15 Recap of yesterday Sprint Master 09:15-09:30 Crazy 8 Sprint Master 09:30-09:45 Story board Sprint Master 09:45-10:15 Presenting stories Sprint Master 10:15-11:15 Round 2 Sprint Master 11:15-11:45 Prioritization Sprint Master
65. BERGHS SCHOOL OF COMMUNICATION 65 Mål Designa en ny mobiltjänst för att hitta ett program eller kurs på Stockholms Universitet
66. BERGHS SCHOOL OF COMMUNICATION 66 Crazy 8 Instruktioner • Vik pappret i 8 delar • Vi kommer att skissa 8 idéer på 8 minuter
67. BERGHS SCHOOL OF COMMUNICATION 67 Storyboard Instruktioner • Sätt 3 postits på ett A4-papper • Skapa ett storyboard hur en användare interagerar, vilka steg hen tar för att söka en kurs/ett program • Vi sätter timern på 15 minuter
68. BERGHS SCHOOL OF COMMUNICATION 68 Dot voting Instruktioner • Man får fem röda prickar var. Man sätter prickar på de idéer man tycker bäst om
69. BERGHS SCHOOL OF COMMUNICATION 69 Kundvärde vs. komplexitet Kundvärde Komplexitet
70. BERGHS SCHOOL OF COMMUNICATION Prototype
    Designa något greppbart som kan testas på kunder 70
71. BERGHS SCHOOL OF COMMUNICATION 71 Prototyp Instruktioner • Ladda ner appen POP (Googla “Pop app”) • Skissa ut ett antal interaktioner från era storyboards • Länka interaktionerna med appen
72. BERGHS SCHOOL OF COMMUNICATION 72 invisionapp.com
73. BERGHS SCHOOL OF COMMUNICATION 73 På 2,5 timme har ni skapat en prototyp Tänk om ni hade en vecka…
74. BERGHS SCHOOL OF COMMUNICATION 74 Läs mer: http://www.gv.com/sprint/ https://github.com/thoughtbot/design-sprint https://goo.gl/5O9fbo
75. BERGHS SCHOOL OF COMMUNICATION 75 Thank you! Marcus Castenfors @mcastenfors | mcastenfors.com | mcastenfors@gmail.com