Hur överlever du i en värld fylld av mobiler, surfplattor och andra digitala enheter? I takt med att vi skaffar smartphones, surfplattor och smarta TV-apparater kan vi inte luta oss på gamla sanningar om hur man skapar digitala tjänster.

1. DESIGNSTRATEGIER FÖR
EN NY 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://signup.netflix.com/watch
Designed for Humans | www.meetod.se

5. GABRIEL
SVENNERBERG
Interaktionsdesigner & Webbutvecklare
Designed for Humans | www.meetod.se

6. Designed for Humans | www.meetod.se

7. Designed for Humans | www.meetod.se

8. 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. Designed for Humans | www.meetod.se

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

12. Sl
ut
et
av
3.6M
20
12
smartphones/dag
Källa: http://www.lukew.com/ff/entry.asp?1728
Designed for Humans | www.meetod.se

13. Designed for Humans | www.meetod.se

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

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

16. Designed for Humans | www.meetod.se

17. Designed for Humans | www.meetod.se

18. Designed for Humans | www.meetod.se

19. MOBILT BREDBAND
Källa: http://www.slideshare.net/CMSummit/ms-internet-trends060710final
Designed for Humans | www.meetod.se

20. MÅNGA ENHETER
STÄNDIGT
UPPKOPPLADE
Designed for Humans | www.meetod.se

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

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

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

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

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

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

27. Designed for Humans | www.meetod.se

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

29. Konsekvent | Responsive Design
RESPONSIVE WEB DESIGN
Designed for Humans | www.meetod.se

30. Konsekvent | microsoft.com
microsoft.com
Designed for Humans | www.meetod.se

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

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

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

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

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

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

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

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

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

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

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

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

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

44. Designed for Humans | www.meetod.se

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

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

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

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

49. Designed for Humans | www.meetod.se

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

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

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

53. Designed for Humans | www.meetod.se

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

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

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

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

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

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

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

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