designstrategier för en ny digital värld

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

Upload: gabriel-svennerberg

Post on 02-Jul-2015

1.870 views

Category:

Technology


0 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

DESIGNSTRATEGIER FÖR EN NY DIGITAL VÄRLD

Designed for Humans | www.meetod.se

Page 2: Designstrategier för en ny 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.se

Page 3: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Page 4: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Datorer

Källa: https://signup.netflix.com/watch

Page 5: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

GABRIEL SVENNERBERGInteraktionsdesigner & Webbutvecklare

Designed for Humans | www.meetod.se

Page 6: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.seDesigned for Humans | www.meetod.se

Page 7: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Page 8: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

www.DesignPrinciplesFTW.com

Page 9: Designstrategier för en ny 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.se

Page 10: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.seDesigned for Humans | www.meetod.se

Page 11: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

HURSER DET DIGITALA LANDSKAPET UT?

Designed for Humans | www.meetod.se

Page 12: Designstrategier för en ny digital värld

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

3.6M smartphones/dag

Slutet av 2012

Designed for Humans | www.meetod.se

Page 13: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Page 14: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Page 15: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

SMART TELEFON DATORSURFPLATTA SMART TV

nu

Page 16: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.seDesigned for Humans | www.meetod.se

Page 17: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.seDesigned for Humans | www.meetod.se

Page 18: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.seDesigned for Humans | www.meetod.se

Page 19: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.seKälla: http://www.slideshare.net/CMSummit/ms-internet-trends060710final

MOBILT BREDBAND

Page 20: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

STÄNDIGT

UPPKOPPLADEMÅNGA ENHETER

Page 21: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

SO WHAT?

Designed for Humans | www.meetod.se

Page 22: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Nya möjligheter

Nya utmaningar

Page 23: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Våra användare kräver det

Page 24: Designstrategier för en ny digital värld

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

Page 25: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Hur navigerar vi i den här

DJUNGELN?

Designed for Humans | www.meetod.se

Page 26: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

KONTINUERLIGKONSEKVENT KOMPLETTERANDE

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

Designstrategier

3K

Page 27: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Page 28: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

KONSEKVENT

Page 29: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Konsekvent | Responsive Design

RESPONSIVE WEB DESIGN

Page 30: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Konsekvent | microsoft.com

microsoft.com

Page 31: Designstrategier för en ny digital värld

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

http://youtu.be/Pjn6YkCY2yA

Konsekvent | Evernote

Page 32: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

KONSEKVENT• Konsekvent logik, flöde och utseende

!• Optimerad för respektive plattforms

egenskaper !

• Innehållet synkroniseras mellan enheter

Page 33: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

KOMPLETTERANDE

Page 34: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

SVT Kontroll

Kompletterande | SVT KONTROLL

Page 35: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Kompletterande | SVT KONTROLL

Page 36: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Kompletterande | SVT KONTROLL

Page 37: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Kompletterande | SVT KONTROLL

Page 38: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Kompletterande | Mobilt BankID

MOBILT BANKID

Page 39: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Kompletterande | Mobilt BankID

Page 40: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

KOMPLETTERANDE• Enheterna påverkar varandra

!• Varje enhet innehåller kompletterande

information/funktionalitet

Page 41: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

KONTINUERLIG

Page 42: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

ICA.se

Page 43: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Kontinuerlig | ICA

Designed for Humans | www.meetod.se

Page 44: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.seDesigned for Humans | www.meetod.se

Page 45: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

KONTINUERLIG• Hoppa mellan enheter

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

!• Kan också vara samma aktivitet

Page 46: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

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

• SVT Kontroll

• Mobilt BankID

• Real Racing 2

EXEMPEL

• ICA.se

• Netflix

• Eventbrite

DESIGNSTRATEGIER FÖR EN NY DIGITAL VÄRLD

Page 47: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Var ska man börja?

Designed for Humans | www.meetod.se

Page 48: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Skifta perspektiv

Designed for Humans | www.meetod.se

Page 49: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.seDesigned for Humans | www.meetod.se

Page 50: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

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

Page 51: Designstrategier för en ny digital värld

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

IDENTIFIERA PROBLEM

HITTA DE RIKTIGA SVACKORNA

SE VAD SOM ÄR RIKTIGT BRA

KARTLÄGGA UPPLEVELSEN

Designed for Humans | www.meetod.se

Page 52: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

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

Page 53: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Page 54: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

www.mappingexperiences.com

Page 55: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

5 SAKER ATT TA MED

Page 56: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Vi är alla mer och mer uppkopplade

Designed for Humans | www.meetod.se

Page 57: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

På fler och fler sätt

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

Page 58: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Kom ihåg

3KKONTINUERLIGKONSEKVENT KOMPLETTERANDE

Page 59: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Utgå från människan

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

Designed for Humans | www.meetod.se

Page 60: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

Kartlägg upplevelsen

Designed for Humans | www.meetod.se

Page 61: Designstrategier för en ny digital värld

Designed for Humans | www.meetod.se

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

Designed for Humans | www.meetod.se