Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
DESIGNSTRATEGIER FÖR 
EN DIGITAL VÄRLD 
Designed for Humans | www.meetod.se
HUR DU ÖVERLEVER I EN VÄRLD 
FYLLD AV MOBILER, SURFPLATTOR 
OCH ANDRA DIGITALA ENHETER. 
Designed for Humans | www.meetod....
Designed for Humans | www.meetod.se
Datorer 
Källa: https://www.netflix.com/watch?locale=sv-SE Designed for Humans | www.meetod.se
Gabriel Svennerberg 
UX Designer 
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se
Design Principles FTW 
www.designprinciplesftw.com 
Designed for Humans | www.meetod.se
HUR DU ÖVERLEVER I EN VÄRLD 
FYLLD AV MOBILER, SURFPLATTOR 
OCH ANDRA DIGITALA ENHETER. 
Designed for Humans | www.meetod....
HUR SER DET DIGITALA LANDSKAPET UT? 
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se
Andel av internetanvändarna (12+ år) i Sverige som har dator, smartmobil och surfplatta eller olika kombinationer av dessa...
3.6M 
Slutet av 2012 
smartphone+tablets/dag 
Designed for Källa: http://www.lukew.com/ff/entry.asp?1728 Humans | www.meet...
1 milliard 
smartphone såldes under 
2013 
Källa: http://www.computerworld.com/article/2486978/smartphones/update--more-th...
då 
Designed for Humans | www.meetod.se
nu 
SMART TELEFON SURFPLATTA DATOR SMART TV 
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se
PEBBLE SAMSUNG GALAXY GEAR WATCH APPLE WATCH 
Designed for Humans | www.meetod.se
KOPPLADE MED 
VARANDRA 
Designed for Humans | www.meetod.se 
MÅNGA ENHETER
SO WHAT? 
Designed for Humans | www.meetod.se
Nya möjligheter 
Nya utmaningar 
Designed for Humans | www.meetod.se
Våra användare kräver det 
Designed for Humans | www.meetod.se
The best computer is the one you 
have with you when you want 
something done. 
! 
- Jakob Nielsen 
Designed for Humans | ...
Hur navigerar vi i den här 
DJUNGELN? 
Designed for Humans | www.meetod.se
Designstrategier 
3K 
KONSEKVENT KOMPLETTERANDE KONTINUERLIG 
Designed for Humans | www.meetod.se 
Källa: Starkt influerad...
Designed for Humans | www.meetod.se 
Michal Levin 
UX Designer at Google
KONSEKVENT 
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se 
Konsekvent | microsoft.com 
RESPONSIV DESIGN
http://youtu.be/Pjn6YkCY2yA 
Konsekvent | Evernote 
Designed for Källa: http://evernote.com Humans | www.meetod.se
KONSEKVENT 
• Konsekvent logik, flöde och utseende 
! 
• Optimerad för respektive plattforms 
egenskaper 
! 
• Innehållet ...
KOMPLETTERANDE 
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se 
Kompletterande | SVT KONTROLL 
SVT Kontroll
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se 
Kompletterande | SVT KONTROLL
Designed for Humans | www.meetod.se 
Kompletterande | SVT KONTROLL
Designed for Humans | www.meetod.se 
Kompletterande | SVT KONTROLL
Designed for Humans | www.meetod.se 
Kompletterande | Mobilt BankID 
MOBILT BANKID
Designed for Humans | www.meetod.se 
Kompletterande | Mobilt BankID
KOMPLETTERANDE 
• Enheterna påverkar varandra 
! 
• Varje enhet innehåller kompletterande 
information/funktionalitet 
Des...
KONTINUERLIG 
Designed for Humans | www.meetod.se
OSX Yosemite 
Designed for Humans | www.meetod.se 
Handoff
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se 
ICA
Designed for Humans | www.meetod.se 
Kontinuerlig | ICA
Designed for Humans | www.meetod.se
KONTINUERLIG 
Designed for Humans | www.meetod.se 
• Hoppa mellan enheter 
! 
• Kan vara ett steg-för-steg flöde 
! 
• Kan...
DESIGNSTRATEGIER FÖR EN NY DIGITAL VÄRLD 
KONTINUERLIG 
• Hoppa mellan enheter 
• Kan vara ett steg-för-steg 
flöde 
• Kan...
Var ska man börja? 
Designed for Humans | www.meetod.se
Skifta perspektiv 
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se
Ett ekosystem av enheter och 
tjänster med människan i mitten. 
Designed for Humans | www.meetod.se
KARTLÄGGA UPPLEVELSEN 
IDENTIFIERA PROBLEM 
Källa: http://mappingexperiences.com/ 
SE VAD SOM ÄR RIKTIGT BRA 
HITTA DE VER...
Designed for Humans | www.meetod.se 
STUDERA 
VERKLIGHETEN 
Studera kundernas 
beteenden och 
interaktioner i olika 
kanal...
www.mappingexperiences.com 
Designed for Humans | www.meetod.se
5 SAKER ATT TA MED 
Designed for Humans | www.meetod.se
Vi är alla mer och mer 
uppkopplade 
Designed for Humans | www.meetod.se
På fler och fler sätt 
Designed for Humans | www.meetod.se 
Source: http://www.flickr.com/photos/brad_frost/7387823392/in/...
Designed for Humans | www.meetod.se 
Kom ihåg 
3K 
KONSEKVENT KOMPLETTERANDE KONTINUERLIG
Utgå från 
människan 
Ett ekosystem av enheter och tjänster 
med människan i centrum 
Designed for Humans | www.meetod.se
Kartlägg 
upplevelsen 
Designed for Humans | www.meetod.se
Hemläxa 
Designed for Humans | www.meetod.se
TACK! 
Gabriel Svennerberg 
073-687 07 30 
gabriel@meetod.com 
www.meetod.se 
Designed for Humans | www.meetod.se
Designstrategier för en digital värld  - Webbdagarna i Göteborg 2014
Upcoming SlideShare
Loading in …5
×

Designstrategier för en digital värld - Webbdagarna i Göteborg 2014

1,339 views

Published on

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.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Designstrategier för en digital värld - Webbdagarna i Göteborg 2014

  1. 1. DESIGNSTRATEGIER FÖR EN DIGITAL VÄRLD Designed for Humans | www.meetod.se
  2. 2. HUR DU ÖVERLEVER I EN VÄRLD FYLLD AV MOBILER, SURFPLATTOR OCH ANDRA DIGITALA ENHETER. Designed for Humans | www.meetod.se
  3. 3. Designed for Humans | www.meetod.se
  4. 4. Datorer Källa: https://www.netflix.com/watch?locale=sv-SE Designed for Humans | www.meetod.se
  5. 5. Gabriel Svennerberg UX Designer Designed for Humans | www.meetod.se
  6. 6. Designed for Humans | www.meetod.se
  7. 7. Designed for Humans | www.meetod.se
  8. 8. Design Principles FTW www.designprinciplesftw.com Designed for Humans | www.meetod.se
  9. 9. HUR DU ÖVERLEVER I EN VÄRLD FYLLD AV MOBILER, SURFPLATTOR OCH ANDRA DIGITALA ENHETER. Designed for Humans | www.meetod.se
  10. 10. HUR SER DET DIGITALA LANDSKAPET UT? Designed for Humans | www.meetod.se
  11. 11. Designed for Humans | www.meetod.se
  12. 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. 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. 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. 15. då Designed for Humans | www.meetod.se
  16. 16. nu SMART TELEFON SURFPLATTA DATOR SMART TV Designed for Humans | www.meetod.se
  17. 17. Designed for Humans | www.meetod.se
  18. 18. PEBBLE SAMSUNG GALAXY GEAR WATCH APPLE WATCH Designed for Humans | www.meetod.se
  19. 19. KOPPLADE MED VARANDRA Designed for Humans | www.meetod.se MÅNGA ENHETER
  20. 20. SO WHAT? Designed for Humans | www.meetod.se
  21. 21. Nya möjligheter Nya utmaningar Designed for Humans | www.meetod.se
  22. 22. Våra användare kräver det Designed for Humans | www.meetod.se
  23. 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. 24. Hur navigerar vi i den här DJUNGELN? Designed for Humans | www.meetod.se
  25. 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. 26. Designed for Humans | www.meetod.se Michal Levin UX Designer at Google
  27. 27. KONSEKVENT Designed for Humans | www.meetod.se
  28. 28. Designed for Humans | www.meetod.se Konsekvent | microsoft.com RESPONSIV DESIGN
  29. 29. http://youtu.be/Pjn6YkCY2yA Konsekvent | Evernote Designed for Källa: http://evernote.com Humans | www.meetod.se
  30. 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. 31. KOMPLETTERANDE Designed for Humans | www.meetod.se
  32. 32. Designed for Humans | www.meetod.se Kompletterande | SVT KONTROLL SVT Kontroll
  33. 33. Designed for Humans | www.meetod.se
  34. 34. Designed for Humans | www.meetod.se Kompletterande | SVT KONTROLL
  35. 35. Designed for Humans | www.meetod.se Kompletterande | SVT KONTROLL
  36. 36. Designed for Humans | www.meetod.se Kompletterande | SVT KONTROLL
  37. 37. Designed for Humans | www.meetod.se Kompletterande | Mobilt BankID MOBILT BANKID
  38. 38. Designed for Humans | www.meetod.se Kompletterande | Mobilt BankID
  39. 39. KOMPLETTERANDE • Enheterna påverkar varandra ! • Varje enhet innehåller kompletterande information/funktionalitet Designed for Humans | www.meetod.se
  40. 40. KONTINUERLIG Designed for Humans | www.meetod.se
  41. 41. OSX Yosemite Designed for Humans | www.meetod.se Handoff
  42. 42. Designed for Humans | www.meetod.se
  43. 43. Designed for Humans | www.meetod.se ICA
  44. 44. Designed for Humans | www.meetod.se Kontinuerlig | ICA
  45. 45. Designed for Humans | www.meetod.se
  46. 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. 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. 48. Var ska man börja? Designed for Humans | www.meetod.se
  49. 49. Skifta perspektiv Designed for Humans | www.meetod.se
  50. 50. Designed for Humans | www.meetod.se
  51. 51. Ett ekosystem av enheter och tjänster med människan i mitten. Designed for Humans | www.meetod.se
  52. 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
  53. 53. 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
  54. 54. www.mappingexperiences.com Designed for Humans | www.meetod.se
  55. 55. 5 SAKER ATT TA MED Designed for Humans | www.meetod.se
  56. 56. Vi är alla mer och mer uppkopplade Designed for Humans | www.meetod.se
  57. 57. På fler och fler sätt Designed for Humans | www.meetod.se Source: http://www.flickr.com/photos/brad_frost/7387823392/in/set-72157630163121422/
  58. 58. Designed for Humans | www.meetod.se Kom ihåg 3K KONSEKVENT KOMPLETTERANDE KONTINUERLIG
  59. 59. Utgå från människan Ett ekosystem av enheter och tjänster med människan i centrum Designed for Humans | www.meetod.se
  60. 60. Kartlägg upplevelsen Designed for Humans | www.meetod.se
  61. 61. Hemläxa Designed for Humans | www.meetod.se
  62. 62. TACK! Gabriel Svennerberg 073-687 07 30 gabriel@meetod.com www.meetod.se Designed for Humans | www.meetod.se

×