effektiv mobil tilstedeværelse
DESCRIPTION
Tord Heyerdals og mitt frokostseminar på CreunaTRANSCRIPT
![Page 1: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/1.jpg)
EFFEKTIV MOBIL TILSTEDEVÆRELSE
![Page 2: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/2.jpg)
TORD HEYERDAHL (28)
Interaksjonsdesigner
Har jobbet med kunder som:
Trafikanten
Ruter
Stortinget
Statkraft
Nordea
Norwegian
Skatteetaten
…
![Page 3: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/3.jpg)
TORBJØRN SITRE (39)
Kreativ leder
Har jobbet med kunder som:
Norgesgruppen
Tine
Nordea
Ruter
Stortinget
REC
Veidekke
…
![Page 4: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/4.jpg)
«Go mobile or die!»
![Page 5: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/5.jpg)
EFFEKTIV MOBIL TILSTEDEVÆRELSE
Brukerne forventer det
Vår utfordring: Er ikke mobil enda vanskeligere enn web?
Så hvordan gjør vi det, da?
Brukerne har rett!
![Page 6: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/6.jpg)
EFFEKTIV MOBIL TILSTEDEVÆRELSE
Brukerne forventer det
Vår utfordring: Er ikke mobil enda vanskeligere enn web?
Så hvordan gjør vi det, da?
Brukerne har rett!
![Page 7: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/7.jpg)
BRUKERE AV MOBILT NETT VIL VÆRE I MAJORITET INNEN MIDTEN AV 2013 GLOBALT
Mill
ioner
av b
ruke
re g
lobalt
2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 20160
400
800
1200
1600
2000
Mobil
Desktop
Kilde: Morgan Stanley
![Page 8: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/8.jpg)
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
![Page 9: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/9.jpg)
*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?”
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
0% 5% 10% 15% 20% 25% 30% 35% 40% 45% 50%
NYE MOBILE BRUKSMØNSTRE ETABLERES
![Page 10: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/10.jpg)
SHOPPERE ER SULTNE PÅ INFORMASJON MENS DE ER I BUTIKKEN
56% er interessert
i informasjon
knyttet til
helse/trivsel,
økologi/miljø
31% er mer
interessert i
vareplassering i
butikken, pris,
lagerstatus
Food origins
Health
Organic
Location in store
Price
Inventory
Sustainable/humane farming practices
Ingredients
Food safety
Recipes
0% 5% 10% 15% 20% 25% 30% 35% 40%
Primary needs
All needs
Matproduktinformasjon shoppere sier de ønsker via mobil i butikk:% av dagligvarehandlere globalt
Kilde: Latitude Research
![Page 11: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/11.jpg)
UNGE MENNESKER MED EGEN INNTEKT ER DET VIKTIGSTE SEGMENTET INNEN M-HANDEL
Andel av totalomsetning innen m-handel kommer fra:
![Page 12: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/12.jpg)
HUSHOLDNINGER MED BARN OG HØY INNTEKT HAR OFTERE SMARTTELEFON
Alle hushold...
Over 600k
Alle hushold...
Over 600k
Hus
hold
ning
er m
ed b
arn
Hus
hold
ning
er u
ten
barn
0 5 10 15 20 25 30 35 40 45
Andel husholdninger mobilt internett (3G eller nyere):
Kilde: SSBKilde: SSB
Andel med smarttelefon med 3G eller bedre i Norge
![Page 13: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/13.jpg)
KVINNER I VANLIG MORSALDER ER MER AKTIV PÅ MOBIL ENN NOEN ANNEN ALDERSGRUPPE
Social Networking & Connecting
Knowledge & Education
Planning & Organizing
Personal Admin
Shopping
Pre-purchase browsing
News, Sport & Weather
Personal Interest
Multi-Media, Entertainment
Online Gaming
0% 10% 20% 30% 40% 50% 60% 70% 80%
Male 35-44
Female 35-44
Kilde: TNSKilde: TNS
Andel mobilbrukere som har gjort aktivitet på mobil siste 12 mnd i Norge
![Page 14: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/14.jpg)
KVINNER FØLER SEG MER AVHENGIGAV SMARTTELEFONEN
Kilde: Norstat via Aftenposten
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?
0%10%20%30%40%50%60%70%
Menn
Kvinner
![Page 15: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/15.jpg)
HVA FORVENTER BRUKERNE VÅRE?
Slide 15
![Page 16: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/16.jpg)
”the power of the user”
![Page 17: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/17.jpg)
DE FORVENTER VERDI
Slide 17
![Page 18: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/18.jpg)
Effektivt
Attraktivt
Dialog
Transparent
Kontinuerlig tilstedeværelse
Slide 18
![Page 19: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/19.jpg)
19
En fisk
![Page 20: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/20.jpg)
![Page 21: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/21.jpg)
![Page 22: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/22.jpg)
![Page 23: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/23.jpg)
![Page 24: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/24.jpg)
![Page 25: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/25.jpg)
![Page 26: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/26.jpg)
«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
![Page 27: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/27.jpg)
EFFEKTIV MOBIL TILSTEDEVÆRELSE
Brukerne forventer det
Vår utfordring: Er ikke mobil enda vanskeligere enn web?
Så hvordan gjør vi det, da?
Brukerne har rett!
![Page 28: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/28.jpg)
«Jo, det er det!»
![Page 29: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/29.jpg)
3 HOVEDUTFORDRINGER
Det er mindre plass til alt innholdet
Det er vanskeligere for brukerne å nå målet
Det krever mer ressurser
Slide 29
![Page 30: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/30.jpg)
DET ER MINDRE PLASS
Slide 30
![Page 31: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/31.jpg)
NOEN KONVERTERINGER ER IKKE MULIG PÅ MOBIL
Slide 31
![Page 32: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/32.jpg)
…OG NOEN ER FORSKJELLIGE PÅ MOBIL
Slide 32
![Page 33: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/33.jpg)
Slide 33
UTVIKLING OG VEDLIKEHOLD PÅ FLERE PLATTFORMER KREVER MER RESSURSER
![Page 34: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/34.jpg)
34
768x1024
768x1024
1024x768
240x196 128x192
320x480 1200x824 600x800
MASSE ENHETER OG OPERATIVSYSTEMER
![Page 35: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/35.jpg)
OG HVA KOMMER I FREMTIDEN?
Slide 35
![Page 36: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/36.jpg)
EFFEKTIV MOBIL TILSTEDEVÆRELSE
Brukerne forventer det
Vår utfordring: Er ikke mobil enda vanskeligere enn web?
Så hvordan gjør vi det, da?
Brukerne har rett!
![Page 37: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/37.jpg)
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
![Page 38: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/38.jpg)
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
![Page 39: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/39.jpg)
MålbildeForretningsidé Strategi
Merkevareplattform- det vi har valgt å konkurrere på
STRATEGI
Digital strategi
![Page 40: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/40.jpg)
MålbildeForretningsidé Strategi
Merkevareplattform- det vi har valgt å konkurrere på
STRATEGI – STERKT MERKEVAREBYGGENDE
Digital strategi
![Page 41: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/41.jpg)
STRATEGI – ET BREDT PERSPEKTIV
Brukerbehov
Teknologiske muligheter
Selskapets budskap
![Page 42: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/42.jpg)
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
![Page 43: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/43.jpg)
EN SØMLØS OPPLEVELSE
Før
Nå
Snart
![Page 44: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/44.jpg)
VI SKAL GI BRUKERNE VERDI…
Slide 45
![Page 45: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/45.jpg)
…OVERALT OG ALLTID!
![Page 46: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/46.jpg)
BRUKERNE VÅRE FORHOLDER SEG IKKE TIL PLATTFORM, MEN TIL TOTALTJENESTEN
![Page 47: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/47.jpg)
![Page 48: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/48.jpg)
HELHETLIG TILSTEDEVÆRELSE – VÅRT ANSIKT UTAD
![Page 49: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/49.jpg)
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
![Page 50: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/50.jpg)
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?
![Page 51: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/51.jpg)
INNHOLD BRUKERNE ALLEREDE ER INTERESSERT I NÅR DE ER PÅ MOBIL
Hvordan finner vi det?
Slide 52
![Page 52: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/52.jpg)
MÅL ANTALL MOBILE BESØK PÅ NETTSTEDET
![Page 53: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/53.jpg)
MÅL KONSUM AV INNHOLD
![Page 54: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/54.jpg)
SE PÅ LOJALITET OG BRUK
1696197;
68%
794856;
32%
Visits
Returning Visitor
New Visi-tor
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
![Page 55: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/55.jpg)
HVILKE TOUCHPOINTS ER TILGJENGELIG FOR DEM (OG DERMED FOR OSS)?
![Page 56: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/56.jpg)
![Page 57: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/57.jpg)
Mobilbrukerne er her…
![Page 58: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/58.jpg)
…eller er de kanskje her?
![Page 59: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/59.jpg)
…eller her?
Kilde:Compete
![Page 60: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/60.jpg)
Identifisere konteksten hvor en mobil tjeneste kan gi merverdi til brukeren
..og som gir mening for dine forretningsresultater
![Page 61: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/61.jpg)
…OG VI ER HELT AVHENGIGE AV AT KONVERTERINGEN FUNGERER
![Page 62: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/62.jpg)
…OG VI ER HELT AVHENGIGE AV AT KONVERTERINGEN FUNGERER
![Page 63: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/63.jpg)
…OG VI ER HELT AVHENGIGE AV AT KONVERTERINGEN FUNGERER
![Page 64: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/64.jpg)
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
![Page 65: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/65.jpg)
DESIGN FOR
66
mobil først
![Page 66: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/66.jpg)
ANTALLET MOBILE ENHETER EKSPLODERER
67
2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 20160
400
800
1200
1600
2000
Dere husker vel statistikken?
![Page 67: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/67.jpg)
68
![Page 68: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/68.jpg)
MOBIL TVINGER OSS TIL Å PRIORITERE
Mindre skjermstørrelse
Svakere ytelse
Dårligere båndbredde
…men det gir en bedre løsning
Slide 69
![Page 69: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/69.jpg)
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
![Page 70: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/70.jpg)
SVAKERE YTELSE
Skyldes først og fremst to egenskaper: Svakere prosessor Mindre minne
Begrenser muligheter for avanserte funksjoner ved hjelp av JavaScript
Slide 71
![Page 71: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/71.jpg)
DÅRLIGERE BÅNDBREDDE
Slide 72
Dekningskart: http://www.telenor.no/privat/dekning/
![Page 72: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/72.jpg)
Slide 73
TRANSPORT FOR LONDON - WEBVERSJON
![Page 73: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/73.jpg)
TRANSPORT FOR LONDON - MOBILVERSJON
![Page 74: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/74.jpg)
TRANSPORT FOR LONDON – FINNE BILLETTPRISER
![Page 75: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/75.jpg)
PLASSER DET VIKTIGSTE ØVERST
76
Større skjerm
Størst skjerm
Liten skjerm
![Page 76: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/76.jpg)
![Page 77: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/77.jpg)
MOBIL UTVIDER VÅRE MULIGHETER
78
![Page 78: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/78.jpg)
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
![Page 79: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/79.jpg)
FORSKJELLIGE BEHOV, FORSKJELLIGE LØSNINGER
![Page 80: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/80.jpg)
FORSKJELLIGE BEHOV, FORSKJELLIGE LØSNINGER
Mobil-web? App?
Mobil-web
App
Hybrid?
![Page 81: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/81.jpg)
FORSKJELLIGE BEHOV, FORSKJELLIGE 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
![Page 82: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/82.jpg)
FORSKJELLIGE BEHOV, FORSKJELLIGE LØSNINGER- HYBRID
![Page 83: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/83.jpg)
BRUKEROPPLEVELSE, TID OG KOSTNAD
© Creuna
Produksjonskost og -tid
Bru
kero
pp
levels
e
Mobil webside
Web-app
Hybrid app
Native app
![Page 84: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/84.jpg)
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
![Page 85: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/85.jpg)
86
![Page 86: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/86.jpg)
87
bredde x høyde
![Page 87: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/87.jpg)
88
![Page 88: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/88.jpg)
89
![Page 89: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/89.jpg)
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
![Page 90: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/90.jpg)
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
![Page 91: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/91.jpg)
<DEMO>
92
![Page 92: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/92.jpg)
RWD – HVA SKAL TIL?
Fluid grids Fleksibelt (grid-basert) layout
Media queries Verktøy til å justere layout
Responsive images Fleksible bilder og media
93
![Page 93: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/93.jpg)
<DEMO>
94
![Page 94: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/94.jpg)
95
![Page 95: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/95.jpg)
RWD – DESIGNPRINSIPPER
Graceful Degradation
&
Progressive Enhancement
96
![Page 96: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/96.jpg)
RWD – DESIGNPRINSIPPER
97
Graceful Degradation
&
Progressive Enhancement
![Page 97: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/97.jpg)
RWD – DESIGNPRINSIPPER
98
Graceful Degradation
&
Progressive Enhancement
![Page 98: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/98.jpg)
RWD – DESIGNPRINSIPPER
Graceful Degradation
Agile iterativ prosess
Progressive Enhancement
99
![Page 99: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/99.jpg)
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
![Page 100: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/100.jpg)
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
![Page 101: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/101.jpg)
EFFEKTIV MOBIL TILSTEDEVÆRELSE
Brukerne forventer det
Vår utfordring: Er ikke mobil enda vanskeligere enn web?
Så hvordan gjør vi det, da?
Brukerne har rett!
![Page 102: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/102.jpg)
BYOD
![Page 103: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/103.jpg)
BYOD
“Bring your own drinks?”
![Page 104: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/104.jpg)
BYOD
“Bring your own device”
![Page 105: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/105.jpg)
OVERALT OG ALLTID
Slide 106
![Page 106: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/106.jpg)
OVERALT OG ALLTID
![Page 107: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/107.jpg)
OVERALT OG ALLTID
![Page 108: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/108.jpg)
MOBILUTVIKLINGEN GIR OSS STORE FORDELER
Bedre prioritering, tydeligere kundeløfte
Tilby verdi til brukerne på nye måter
Være tilstede i brukernes hverdag
![Page 109: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/109.jpg)
MEN DET KREVER AT VI GJØR DET RIKTIG!
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
![Page 110: Effektiv mobil tilstedeværelse](https://reader036.vdocuments.mx/reader036/viewer/2022062419/5578b72ad8b42a4d4b8b5431/html5/thumbnails/110.jpg)
TAKK FOR OPPMERKSOMHETEN
© Creuna