Effektiv mobil tilstedeværelse

EFFEKTIV MOBIL TILSTEDEVÆRELSE

TORD HEYERDAHL (28)

Interaksjonsdesigner

Har jobbet med kunder som:

Trafikanten

Ruter

Stortinget

Statkraft

Nordea

Norwegian

Skatteetaten

…

TORBJØRN SITRE (39)

Kreativ leder

Har jobbet med kunder som:

Norgesgruppen

Tine

Nordea

Ruter

Stortinget

REC

Veidekke

…

«Go mobile or die!»


Brukerne forventer det

Vår utfordring: Er ikke mobil enda

vanskeligere enn web?

Så hvordan gjør vi det, da?

Brukerne har rett!






Brukerne har rett!

BRUKERE AV MOBILT NETT VIL VÆRE I MAJORITET

INNEN MIDTEN AV 2013 GLOBALTM

illio

ne

r a

v b

ruke

re g

lob

alt

0

400

800

1200

1600

2000

2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016

Mobil

Desktop

Kilde: Morgan Stanley

9 AV 10 SOLGTE MOBILTELEFONER ER

SMARTTELEFONER- Dette forteller både Telenor og NetCom i 2011

- Halvparten av alle de 2,5 millionene mobiltelefonene som ble solgt i 2010 var

smarttelefoner

Andel

smarttelefoner i

Telenors nett:Nå: ca.

50% smart-

telefoner

Kilde: Pressemeldinger, Aftenposten

*Base: Franske iPhone-brukere 16+

Kilde: Forrester

Europeiske iPhone-brukere:

”Hvilken av de følgende ville du vært interessert i å gjøre via din iPhone?”

0% 5% 10% 15% 20% 25% 30% 35% 40% 45% 50%

Research products for purchase*

Purchase products*

Compare prices when shopping instore

Locate a nearby store to buy a specific product

Look up product information while shopping instore

Find or redeem coupon

NYE MOBILE BRUKSMØNSTRE ETABLERES

SHOPPERE ER SULTNE PÅ INFORMASJON MENS

DE ER I BUTIKKEN

56% er interessert i

informasjon knyttet

til

helse/trivsel, økolog

i/miljø

31% er mer

interessert i

vareplassering i

butikken, pris, lager

status0% 10% 20% 30% 40%

Food origins

Health

Organic

Location in store

Price

Inventory

Sustainable/humane farming practices

Ingredients

Food safety

Recipes

Primary needs

All needs

Matproduktinformasjon shoppere sier de ønsker via mobil i butikk:% av dagligvarehandlere globalt

Kilde: Latitude Research

UNGE MENNESKER MED EGEN INNTEKT ER DET

VIKTIGSTE SEGMENTET INNEN M-HANDEL

Andel av totalomsetning innen m-handel kommer fra:

HUSHOLDNINGER MED BARN OG HØY INNTEKT

HAR OFTERE SMARTTELEFON

0 5 10 15 20 25 30 35 40 45

Alle husholdningsinntekter

Over 600k

Alle husholdningsinntekter

Over 600k

Hu

sho

ldnin

ge

r m

ed b

arn

Hu

sho

ldnin

ge

r u

ten

barn

Andel husholdninger mobilt internett (3G eller nyere):

Kilde: SSBKilde: SSB

Andel med smarttelefon med 3G eller bedre i Norge

KVINNER I VANLIG MORSALDER ER MER AKTIV

PÅ MOBIL ENN NOEN ANNEN ALDERSGRUPPE

0% 10% 20% 30% 40% 50% 60% 70% 80%

Social Networking & Connecting

Email

Knowledge & Education

Planning & Organizing

Personal Admin

Shopping

Pre-purchase browsing

News, Sport & Weather

Personal Interest

Multi-Media, Entertainment

Online Gaming

Male 35-44

Female 35-44

Kilde: TNSKilde: TNS

Andel mobilbrukere som har gjort aktivitet på mobil siste 12 mnd i Norge

KVINNER FØLER SEG MER AVHENGIG

AV SMARTTELEFONEN

Kilde: Norstat via Aftenposten

0%10%20%30%40%50%60%70%

Har du smarttelefon?

Av de som har smarttelefon, svart ja på spørsmål:

Føler du deg avhengig av smarttelefonen?

Føler du deg avskåret fra verden uten mobilen?

Kvinner

Menn

HVA FORVENTER BRUKERNE VÅRE?

Slide

15

”the power of the user”

DE FORVENTER VERDI

Slide

17

Effektivt

Attraktivt

Dialog

Transparent

Kontinuerlig tilstedeværelse

Slide

18

19

En fisk

«Google har spådd at 44 % av søk etter

gaver og butikker kommer på mobil i

desember – har du råd til å gi dem en

dårlig brukeropplevelse?»

Kilde : http://www.internetretailer.com/2011/09/06/mobile-comprise-15-black-friday-searches

http://www.internetretailer.com/2011/09/06/mobile-comprise-15-black-friday-searches


















Brukerne har rett!

«Jo, det er det!»

3 HOVEDUTFORDRINGER

Det er mindre plass til alt innholdet

Det er vanskeligere for brukerne å nå målet

Det krever mer ressurser

Slide

29

DET ER MINDRE PLASS

Slide

30

NOEN KONVERTERINGER ER IKKE MULIG PÅ MOBIL

Slide

31

…OG NOEN ER FORSKJELLIGE PÅ MOBIL

Slide

32

Slide

33

UTVIKLING OG VEDLIKEHOLD PÅ FLERE

PLATTFORMER KREVER MER RESSURSER

34

768x1024

768x1024

1024x768

240x196 128x192

320x480 1200x824 600x800

MASSE ENHETER OG OPERATIVSYSTEMER

OG HVA KOMMER I FREMTIDEN?

Slide

35






Brukerne har rett!

SÅ HVORDAN GJØR VI DET, DA?

Forankre i selskapets forretningsstrategi

Tilstreb en sømløs opplevelse

Utvikle konsepter som bidrar med verdi

Tenk mobil først

Velg riktig verktøy

Bruk responsive web design





Tenk mobil først



MålbildeForretningsidé Strategi

Merkevareplattform

- det vi har valgt å konkurrere på

STRATEGI

Digital strategi

MålbildeForretningsidé Strategi

Merkevareplattform

- det vi har valgt å konkurrere på

STRATEGI – STERKT MERKEVAREBYGGENDE

Digital strategi

STRATEGI – ET BREDT PERSPEKTIV

Brukerbehov

Teknologiskemuligheter

Selskapets

budskap





Tenk mobil først



EN SØMLØS OPPLEVELSE

Før

Nå

Snart

VI SKAL GI BRUKERNE VERDI…

Slide 45

…OVERALT OG ALLTID!

BRUKERNE VÅRE FORHOLDER SEG IKKE TIL

PLATTFORM, MEN TIL TOTALTJENESTEN

HELHETLIG TILSTEDEVÆRELSE – VÅRT ANSIKT

UTAD





Tenk mobil først



MOBILE KONSEPTER – HVOR KAN VI FINNE DEM?

Hvilket innhold har vi, som brukerne allerede er ute etter når

de bruker mobil?

Hvilke touchpoints har vi i dag, som vi kan forbedre?

Hvilke situasjoner er våre brukere i, og hva ønsker de seg fra

oss i de situasjonene?

Hva leverer vi i dag, som vi kan utvikle tjeneste rundt?

INNHOLD BRUKERNE ALLEREDE ER INTERESSERT I

NÅR DE ER PÅ MOBIL

Hvordan finner vi det?

Slide 52

MÅL ANTALL MOBILE BESØK PÅ NETTSTEDET

MÅL KONSUM AV INNHOLD

SE PÅ LOJALITET OG BRUK

1696197

, 68%

794856,

32%

Visits

Returning

Visitor

New

Visitor

Hva slags innhold benytter

denne gruppen?16,5 % av de besøkende har vært innom

siten mer enn 10 ganger siste 30 dager...

Høy frekvens av returnerende besøk

HVILKE TOUCHPOINTS ER TILGJENGELIG FOR

DEM (OG DERMED FOR OSS)?

Mobilbrukerne er her…

…eller er de kanskje her?

…eller her?

Kilde:Compete

Identifisere konteksten hvor en

mobil tjeneste kan gi merverdi til

brukeren

..og som gir mening for dine

forretningsresultater

…OG VI ER HELT AVHENGIGE AV AT

KONVERTERINGEN FUNGERER









Tenk mobil først



DESIGN FOR

66

mobil først

ANTALLET MOBILE ENHETER EKSPLODERER

67

0

400

800

1200

1600

2000

2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016

Dere husker vel statistikken?

68

MOBIL TVINGER OSS TIL Å PRIORITERE

Mindre skjermstørrelse

Svakere ytelse

Dårligere båndbredde

…men det gir en bedre løsning

Slide

69

MINDRE SKJERM

Galaxy Note 5,3 tommer m/1280*800

Galaxy Nexus 4,65 tommer m/1280*720

iPhone 4S 3,5 tommer m/960*640

Oppløsning på bærbare datamaskiner

1280x1024: 14.8 %

1280x800: 14.4 %

1366x768: 10.1 %

Slide 70

SVAKERE YTELSE

Skyldes først og fremst to egenskaper: Svakere prosessor

Mindre minne

Begrenser muligheter for avanserte funksjoner ved hjelp av

JavaScript

Slide

71

DÅRLIGERE BÅNDBREDDE

Slide

72

Dekningskart: http://www.telenor.no/privat/dekning/

http://www.telenor.no/privat/dekning/

http://www.telenor.no/privat/dekning/

Slide 73

TRANSPORT FOR LONDON - WEBVERSJON

TRANSPORT FOR LONDON - MOBILVERSJON

TRANSPORT FOR LONDON – FINNE BILLETTPRISER

PLASSER DET VIKTIGSTE ØVERST

76

Større skjerm

Størst skjerm

Liten skjerm

MOBIL UTVIDER VÅRE MULIGHETER

78





Tenk mobil først



FORSKJELLIGE BEHOV, FORSKJELLIGE

LØSNINGER


LØSNINGER

Mobil-web? App?

Mobil-web

App

Hybrid?


LØSNINGER

Mobil-web

html/css/js

URL – bookmark

Plattformuavhengig

Krever nettilgang

Web-funksjonalitet

Begrenset lagring av data

Tilgjengelig fra søk og eksterne

linker

App

Skrevet for OS

AppStore/Ovi/Android Market

OS-definert brukeropplevelse

Nett-uavhengig (delvis)

Tilgang til OS-funksjonalitet

Robust lagring av data

Oppdateres via OS

Hybrid


LØSNINGER

- HYBRID

BRUKEROPPLEVELSE, TID OG KOSTNAD

©

CreunaProduksjonskost og -tid

Bru

ke

rop

ple

ve

lse

Mobil

webside

Web-app

Hybrid app

Native app





Tenk mobil først



86

87

bredde x høyde

88

89

Et nettsted har ikke fast

Vi kan ikke lage noe som er

fordi det ikke finnes noe

90

LERRET

PIXEL PERFEKT

BREDDE x HØYDE

RESPONSIVE WEB DESIGN

En teknikk drevet frem av behov

Fleksibel tilpasning til alle skjermer

Klarhet og fokus

Hensyn til langsomme enheter

Høy grad av tilgjengelighet

Penger…

Slide

91

<DEMO>

92

RWD – HVA SKAL TIL?

Fluid grids Fleksibelt (grid-basert) layout

Media queries Verktøy til å justere layout

Responsive images Fleksible bilder og media

93

<DEMO>

94

95

RWD – DESIGNPRINSIPPER

Graceful Degradation

&

Progressive Enhancement

96


97


&



98


&




Agile iterativ prosess


99

RWD – LØSER IKKE ALLE UTFORDRINGER

Krever at det tenkes riktig fra første sekund – fokus på

fleksibilitet

Mobile First er nesten et krav

Slide

100

REFERANSER OG NOE Å LESE PÅ

101

Lesestoff:A Book Apart: http://www.abookapart.com/

Samling av nettsteder:Media Queries - http://mediaqueri.es/

Luke Wroblewski:Mobile First: http://www.lukew.com/ff/entry.asp?933

Ethan Marcotte:Fluid Grids:http://www.alistapart.com/articles/fluidgrids/RWD: http://www.alistapart.com/articles/responsive-web-design/Responsive Images: http://unstoppablerobotninja.com/entry/fluid-images






Brukerne har rett!

BYOD

BYOD

“Bring your own drinks?”

BYOD

“Bring your own device”

OVERALT OG ALLTID

Slide 106

OVERALT OG ALLTID

OVERALT OG ALLTID

MOBILUTVIKLINGEN GIR OSS STORE FORDELER

Bedre prioritering, tydeligere kundeløfte

Tilby verdi til brukerne på nye måter

Være tilstede i brukernes hverdag

MEN DET KREVER AT VI GJØR DET RIKTIG!




Tenk mobil først



TAKK FOR OPPMERKSOMHETEN

© Creuna

Technology

Effektiv mobil tilstedeværelse