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

1 milliard smartphone såldes under

Källa: http://www.computerworld.com/article/2486978/smartphones/update--more-than-1b-smartphones-were-shipped-in-2013.html

SMART TELEFON DATORSURFPLATTA SMART TV

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

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

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 | Mobilt BankID

MOBILT BANKID

Kompletterande | Mobilt BankID

KOMPLETTERANDE• Enheterna påverkar varandra

!• Varje enhet innehåller kompletterande

information/funktionalitet

KONTINUERLIG

OSX YosemiteHandoff

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

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 gabriel@meetod.com www.meetod.se

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

mslutet av

vrldfylld av mobiler

svt kontrollsvt kontroll

steg flde

andel av internetanvndarna

flde och utseende

r i sverige som har

hur navigerar

Design

relationer i en digital värld - en kvalitativ studie om pr...

offentlighet i en digital värld - lysekil

webbdagarna 2013: ”hur når vi dagens reklamtrötta...

graphic identity manual - destination göteborg

ibm smarter process (göteborg)

kyrkan i en digital värld

annual report 2011 - göteborg & co

webbdagarna malmö

bjorn elmberg webbdagarna 2010

analogt förtroende i en digital värld

chefens fokus i en agil värld - susanna höglund - ltg-10

göteborg, sweden 2012

vetenscaps festivalen in göteborg

göteborg & co - annual report 2008

“cyberlab” göteborg meeting

webbdagarna google analytics v2.5-

implementationofelectrofuel...

guide for eu migrants göteborg

scaling growth through inbound marketing: #webbdagarna...

stockholm - göteborg