Min presentation från Webbdagarna i Göteborg 2014 i kunskapsspåret Webbstrategi. Vi står inför ett nytt digitalt landskap där man inte längre kan utgår från datorn som den enhet vi använder oss av för att hitta information och lösa uppgifter. I takt med att vi skaffar smartphones, surfplattor och smarta TV-apparater öppnas helt nya möjligheter och utmaningar för oss som designar digitala tjänster och produkter.

1. DESIGNSTRATEGIER FÖR
EN DIGITAL VÄRLD
Designed for Humans | www.meetod.se

2. HUR DU ÖVERLEVER I EN VÄRLD
FYLLD AV MOBILER, SURFPLATTOR
OCH ANDRA DIGITALA ENHETER.
Designed for Humans | www.meetod.se

3. Designed for Humans | www.meetod.se

4. Datorer
Källa: https://www.netflix.com/watch?locale=sv-SE Designed for Humans | www.meetod.se

5. Gabriel Svennerberg
UX Designer
Designed for Humans | www.meetod.se

6. Designed for Humans | www.meetod.se

7. Designed for Humans | www.meetod.se

8. Design Principles FTW
www.designprinciplesftw.com
Designed for Humans | www.meetod.se

9. HUR DU ÖVERLEVER I EN VÄRLD
FYLLD AV MOBILER, SURFPLATTOR
OCH ANDRA DIGITALA ENHETER.
Designed for Humans | www.meetod.se

10. HUR SER DET DIGITALA LANDSKAPET UT?
Designed for Humans | www.meetod.se

11. Designed for Humans | www.meetod.se

12. Andel av internetanvändarna (12+ år) i Sverige som har dator, smartmobil och surfplatta eller olika kombinationer av dessa
Designed for Källa: http://www.soi2013.se/4-ersatter-mobilt-datorn/ Humans | www.meetod.se

13. 3.6M
Slutet av 2012
smartphone+tablets/dag
Designed for Källa: http://www.lukew.com/ff/entry.asp?1728 Humans | www.meetod.se

14. 1 milliard
smartphone såldes under
2013
Källa: http://www.computerworld.com/article/2486978/smartphones/update--more-than-1b-smartphones-were-shipped-in-2013.html

15. då
Designed for Humans | www.meetod.se

16. nu
SMART TELEFON SURFPLATTA DATOR SMART TV
Designed for Humans | www.meetod.se

17. Designed for Humans | www.meetod.se

18. PEBBLE SAMSUNG GALAXY GEAR WATCH APPLE WATCH
Designed for Humans | www.meetod.se

19. KOPPLADE MED
VARANDRA
Designed for Humans | www.meetod.se
MÅNGA ENHETER

20. SO WHAT?
Designed for Humans | www.meetod.se

21. Nya möjligheter
Nya utmaningar
Designed for Humans | www.meetod.se

22. Våra användare kräver det
Designed for Humans | www.meetod.se

23. The best computer is the one you
have with you when you want
something done.
!
- Jakob Nielsen
Designed for Humans | www.meetod.se
”

24. Hur navigerar vi i den här
DJUNGELN?
Designed for Humans | www.meetod.se

25. Designstrategier
3K
KONSEKVENT KOMPLETTERANDE KONTINUERLIG
Designed for Humans | www.meetod.se
Källa: Starkt influerade av Michal Levin’s arbete, http://www.slideshare.net/michallevin/designing-for-eco-system

26. Designed for Humans | www.meetod.se
Michal Levin
UX Designer at Google

27. KONSEKVENT
Designed for Humans | www.meetod.se

28. Designed for Humans | www.meetod.se
Konsekvent | microsoft.com
RESPONSIV DESIGN

29. http://youtu.be/Pjn6YkCY2yA
Konsekvent | Evernote
Designed for Källa: http://evernote.com Humans | www.meetod.se

30. KONSEKVENT
• Konsekvent logik, flöde och utseende
!
• Optimerad för respektive plattforms
egenskaper
!
• Innehållet synkroniseras mellan enheter
Designed for Humans | www.meetod.se

31. KOMPLETTERANDE
Designed for Humans | www.meetod.se

32. Designed for Humans | www.meetod.se
Kompletterande | SVT KONTROLL
SVT Kontroll

33. Designed for Humans | www.meetod.se

34. Designed for Humans | www.meetod.se
Kompletterande | SVT KONTROLL

35. Designed for Humans | www.meetod.se
Kompletterande | SVT KONTROLL

36. Designed for Humans | www.meetod.se
Kompletterande | SVT KONTROLL

37. Designed for Humans | www.meetod.se
Kompletterande | Mobilt BankID
MOBILT BANKID

38. Designed for Humans | www.meetod.se
Kompletterande | Mobilt BankID

39. KOMPLETTERANDE
• Enheterna påverkar varandra
!
• Varje enhet innehåller kompletterande
information/funktionalitet
Designed for Humans | www.meetod.se

40. KONTINUERLIG
Designed for Humans | www.meetod.se

41. OSX Yosemite
Designed for Humans | www.meetod.se
Handoff

42. Designed for Humans | www.meetod.se

43. Designed for Humans | www.meetod.se
ICA

44. Designed for Humans | www.meetod.se
Kontinuerlig | ICA

45. Designed for Humans | www.meetod.se

46. KONTINUERLIG
Designed for Humans | www.meetod.se
• Hoppa mellan enheter
!
• Kan vara ett steg-för-steg flöde
!
• Kan också vara samma aktivitet

47. DESIGNSTRATEGIER FÖR EN NY DIGITAL VÄRLD
KONTINUERLIG
• Hoppa mellan enheter
• Kan vara ett steg-för-steg
flöde
• Kan också vara samma
aktivitet
Designed for Humans | www.meetod.se
KOMPLETTERANDE
• Enheterna påverkar varandra
• Varje enhet innehåller
kompletterande information/
funktionalitet
KONSEKVENT
• Konsekvent logik, flöde och
utseende
• Optimerad för respektive
plattforms egenskaper
• Innehållet synkroniseras
mellan enheter
EXEMPEL
• microsoft.com (RWD)
• Evernote
• iBooks
EXEMPEL
• OSX Yosemite - Handoff
• SVT Kontroll
• Mobilt BankID
• Real Racing 2
EXEMPEL
• ica.se
• Netflix
• Eventbrite

48. Var ska man börja?
Designed for Humans | www.meetod.se

49. Skifta perspektiv
Designed for Humans | www.meetod.se

50. Designed for Humans | www.meetod.se

51. Ett ekosystem av enheter och
tjänster med människan i mitten.
Designed for Humans | www.meetod.se

52. KARTLÄGGA UPPLEVELSEN
IDENTIFIERA PROBLEM
Källa: http://mappingexperiences.com/
SE VAD SOM ÄR RIKTIGT BRA
HITTA DE VERKLIGA SVACKORNA
Designed for Humans | www.meetod.se

54. Designed for Humans | www.meetod.se
STUDERA
VERKLIGHETEN
Studera kundernas
beteenden och
interaktioner i olika
kanaler
RITA UPP RESAN
Samarbeta med att
skapa en modell av
resan utifrån vad ni tagit
reda på.
BERÄTTA
HISTORIEN
Visualisera resan för att
få andra att förstå och
empatisera med den.
ANVÄND KARTAN
Följ kartan för att hitta
nya idéer och förbättra
kundupplevelsen

55. www.mappingexperiences.com
Designed for Humans | www.meetod.se

56. 5 SAKER ATT TA MED
Designed for Humans | www.meetod.se

57. Vi är alla mer och mer
uppkopplade
Designed for Humans | www.meetod.se

58. På fler och fler sätt
Designed for Humans | www.meetod.se
Source: http://www.flickr.com/photos/brad_frost/7387823392/in/set-72157630163121422/

59. Designed for Humans | www.meetod.se
Kom ihåg
3K
KONSEKVENT KOMPLETTERANDE KONTINUERLIG

60. Utgå från
människan
Ett ekosystem av enheter och tjänster
med människan i centrum
Designed for Humans | www.meetod.se

61. Kartlägg
upplevelsen
Designed for Humans | www.meetod.se

62. Hemläxa
Designed for Humans | www.meetod.se

63. TACK!
Gabriel Svennerberg
073-687 07 30
gabriel@meetod.com
www.meetod.se
Designed for Humans | www.meetod.se