Dette slide giver dig indsigt i, hvordan du hurtigt formgiver et rentabelt produkt, der kan bygges inden for rammerne af kundebehov, forretning og teknologi. Oplægget vil give dig konkrete metoder og redskaber til at arbejde med design thinking og UX design i forbindelse med digitale produkter og services.

1. Design thinking og UX design
18 jan. 2017
mediaworkers.dk

2. Martin Ibsen
Lead konceptudvikler og forfatter til “De Nye Fans”

3. Gratis e-bog: martinibsen.dk/denyefans

4. 1: Hvorfor design thinking?
2: Hvordan?
mediaworkers.dk
At skabe succesfulde digitale produkter/services

7. En proces og metode til at løse
komplekse udfordringer
og
digital produktudvikling

8. …der er brugercenteret

9. fordi teknik er middel til et mål

10. Human centered design

11. Design thinking
UX
Wireframes
Prototyper
Personaer
Test
Hvad er digital
produktudvikling
UI
Visuelle
HTML
IA
Bruger
rejse

12. Teknik Bruger
Forretning

13. Kompleks udfordringer
mediaworkers.dk
• Stor mængde indhold
• Bred målgruppe
• Svære integrationer
• etc…

14. Udviklingsproces
LanceringTestProduktionKonceptfase

15. Konceptfase
TestPrototyperIdeudvikling
Definer
udfordringen

16. Konceptfase
TestPrototyperIdeudvikling
Definer
udfordringen

17. Afklaringsfase
TestPrototyperIdeudvikling
Definer
udfordringen

18. Hvorfor benytte design thinking?

19. 1:
Det er smart at vide, hvad der
skal bygges og hvordan det
skal bygges, før du går i gang!

20. 2:
Det er dyrt at skifte retning,
hvis du rammer forkert
So: Ten times the impact if you discover a needed design change early, and
100 times cheaper to make the change. The experience from both fields is
clear: early is much better than late.
Nielsen Norman Group.

21. 3:
Mulighed for en tidlig
vurdering og begrundelse af
koncepter og idéer

22. 4:
Brugerinput minimerer
risikoen for et forfejlet
produkt

23. 5:
Det gør det muligt at skabe et
produkt, der har maksimal
værdi for dine brugere. Spotte
usability-problemer tidligt i
processen (UX)

24. Hvordan?

25. TestPrototyperIdeudvikling
Definer
udfordringen

26. Definer udfordringen?
mediaworkers.dk
Hvordan kan vi _____________________
der _________________________________

27. Eksempel
mediaworkers.dk
Hvordan kan vi ______________
der _______________________________________
skabe en menu
gør det nemt for vores borgere at finde det de leder efter

28. Eller…
mediaworkers.dk
Hvordan kan vi ______________
der _______________________________________
skabe en menu
gør det nemt for vores borgere at finde det de leder efter
Hvordan kan vi ______________
der _______________________________________
skabe en menu
gør det sjovt for vores borgere at finde det de leder efter

29. TestPrototyperIdeudvikling
Definer
udfordringen

30. Idéudvikling
Tegn løsningerBrugerrejsePersona

31. Hvem løser vi et problem for?
Hvad er deres behov, motivation, frustrationer
Persona

32. Empati og inspiration

33. Redskab

36. 80/20 reglen

37. Brugerrejse

38. Step 1 Step 2 Step 3 Step X
Yderligere
funktioner
Call to action
Hvor?

39. 1
2 3

40. Tegn, tegn, touchspoints

42. TestPrototyperIdeudvikling
Definer
udfordringen

43. LOGO ODDER.DK
Søg
Nyhed 1
OM KOMMUNEN - KONTAKT - PRESSE
Nyhed 2 Nyhed 3
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Quisque
urna nisi, facilisis ut
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Quisque
urna nisi, facilisis ut
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Quisque
urna nisi, facilisis
Borger - Politik - Erhverv- Tilflytter
Mest besøgte
- Lorem ipsum
- dolor sit amet
- consectetur
- adipiscing elit.
- Quisque urna nisi,
- facilisis ut f
Links
- Lorem ipsum
- dolor sit amet
- consectetur
- adipiscing elit.
- Quisque urna nisi,
- facilisis ut f
Facebook Instagram
Button Text Button Text Button Text
Button Text
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Quisque urna nisi, facilisis ut f
Button Text
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Quisque urna nisi, facilisis ut f
Selvbetjening
Kalender/akutualitet
Hvordan kan vi hjælpe dig?

45. Visuelle prototyper

46. Test, test, test

47. Et kig over skulderen
Kvalitativ tests
Vi opsætter et test miljø og
finder brugerne der skal
teste vores løsninger.

48. Output før produktion
Visionen
• Grafisk design
• Indsigt og viden
• Brugeren i centrum
Som ledestjerne i produktionen

49. Proces
LanceringTestProduktionAfklaringsfase

50. Prototyping: From UX to Front End
(http://prototypr.io)
Google sprint
(http://thesprintbook.com)
Inspiration

51. Tools
blog.prototypr.io

53. Diskussion og spørgsmål?
mediaworkers.dk
Download metodekort på:
mediaworkers.dk/kompetencer/koncept-og-ux/