designstrategier för en digital värld - webbdagarna i göteborg 2014

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.


Datorer

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

Gabriel SvennerbergUX Designer



Design Principles FTWwww.designprinciplesftw.com

HUR DU ÖVERLEVER I EN VÄRLD FYLLD AV MOBILER, SURFPLATTOR OCH ANDRA DIGITALA ENHETER.


HURSER DET DIGITALA LANDSKAPET UT?


Designed for Humans | www.meetod.seKälla: http://www.soi2013.se/4-ersatter-mobilt-datorn/

Andel av internetanvändarna (12+ år) i Sverige som har dator, smartmobil och surfplatta eller olika kombinationer av dessa

Designed for Humans | www.meetod.seKälla: http://www.lukew.com/ff/entry.asp?1728

3.6M smartphone+tablets/dag

Slutet av 2012

http://www.lukew.com/ff/entry.asp?1728

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


då


SMART TELEFON DATORSURFPLATTA SMART TV

nu


PEBBLE SAMSUNG GALAXY GEAR WATCH APPLE WATCH


KOPPLADE MED

VARANDRAMÅNGA ENHETER


SO WHAT?



Nya möjligheter

Nya utmaningar


Våra användare kräver det


The best computer is the one you have with you when you want something done. !

- Jakob Nielsen

”Designed for Humans | www.meetod.se


Hur navigerar vi i den här

DJUNGELN?



KONTINUERLIGKONSEKVENT KOMPLETTERANDE

Källa: Starkt influerade av Michal Levin’s arbete, http://www.slideshare.net/michallevin/designing-for-eco-system

Designstrategier

3K

http://www.slideshare.net/michallevin/designing-for-eco-system


Michal LevinUX Designer at Google


KONSEKVENT


Konsekvent | microsoft.com

RESPONSIV DESIGN

Designed for Humans | www.meetod.seKälla: http://evernote.com

http://youtu.be/Pjn6YkCY2yA

Konsekvent | Evernote

https://www.youtube.com/watch?feature=player_embedded&v=Pjn6YkCY2yA


KONSEKVENT• Konsekvent logik, flöde och utseende

!• Optimerad för respektive plattforms

egenskaper !

• Innehållet synkroniseras mellan enheter


KOMPLETTERANDE


SVT Kontroll

Kompletterande | SVT KONTROLL


Kompletterande | SVT KONTROLL


Kompletterande | Mobilt BankID

MOBILT BANKID


Kompletterande | Mobilt BankID


KOMPLETTERANDE• Enheterna påverkar varandra

!• Varje enhet innehåller kompletterande

information/funktionalitet


KONTINUERLIG


OSX YosemiteHandoff


ICA


Kontinuerlig | ICA


KONTINUERLIG• Hoppa mellan enheter

!• Kan vara ett steg-för-steg flöde

!• Kan också vara samma aktivitet


KONTINUERLIG

• Hoppa mellan enheter

• Kan vara ett steg-för-steg flöde

• Kan också vara samma aktivitet

KOMPLETTERANDE

• Enheterna påverkar varandra

• Varje enhet innehåller kompletterande information/funktionalitet

• Konsekvent logik, flöde och utseende

• Optimerad för respektive plattforms egenskaper

• Innehållet synkroniseras mellan enheter

KONSEKVENT

EXEMPEL

• microsoft.com (RWD)

• Evernote

• iBooks

EXEMPEL

• OSX Yosemite - Handoff

• SVT Kontroll

• Mobilt BankID

• Real Racing 2

EXEMPEL

• ica.se

• Netflix

• Eventbrite

DESIGNSTRATEGIER FÖR EN NY DIGITAL VÄRLD

Var ska man börja?


Skifta perspektiv



Ett ekosystem av enheter och tjänster med människan i mitten.

Källa: http://mappingexperiences.com/

IDENTIFIERA PROBLEM

HITTA DE VERKLIGA SVACKORNA

SE VAD SOM ÄR RIKTIGT BRA

KARTLÄGGA UPPLEVELSEN


http://mappingexperiences.com/


STUDERA VERKLIGHETENStudera kundernas beteenden och interaktioner i olika kanaler

RITA UPP RESANSamarbeta med att skapa en modell av resan utifrån vad ni tagit reda på.

BERÄTTA HISTORIENVisualisera resan för att få andra att förstå och empatisera med den.

ANVÄND KARTANFölj kartan för att hitta nya idéer och förbättra kundupplevelsen


www.mappingexperiences.com


5 SAKER ATT TA MED

Vi är alla mer och mer uppkopplade



På fler och fler sätt

Source: http://www.flickr.com/photos/brad_frost/7387823392/in/set-72157630163121422/ Designed for Humans | www.meetod.se


Kom ihåg

3KKONTINUERLIGKONSEKVENT KOMPLETTERANDE


Utgå från människan

Ett ekosystem av enheter och tjänster med människan i centrum



Kartlägg upplevelsen



HemläxaDesigned for Humans | www.meetod.se

TACK!Gabriel Svennerberg 073-687 07 30 [email protected] www.meetod.se


designstrategier för en digital värld - webbdagarna i göteborg 2014

Design

mslutet av

vrldfylld av mobiler

svt kontrollsvt kontroll

steg flde

andel av internetanvndarna

flde och utseende

r i sverige som har

hur navigerar