Transcript
Page 1: Mobil tilstedeværelse. Muligheder og eksempler

Mobil tilstedeværelse – mulighederneMorgeninspiration 21/1 2015

Page 2: Mobil tilstedeværelse. Muligheder og eksempler

Mulighederne

• Tendenser omkring mobiltbrug

(7 forskellige muligheder for at præsentere indhold mobilt) – fordelt i 2

hovedgrupper

• Responsive

• Apps

• Overblik og omkostninger

Page 3: Mobil tilstedeværelse. Muligheder og eksempler

Danmarks

statisik

Internetbrug påmobilen er steget fra33% til 70% i perioden2011-2014

Page 4: Mobil tilstedeværelse. Muligheder og eksempler

Brugen af applikationerfra 2011-2014 er stegetfra 24% til 58%

Danmarks

statisik

Page 5: Mobil tilstedeværelse. Muligheder og eksempler

58 pct. af mobilbrugernemellem 16 og 89 ar hardownloadet apps paderes smartphones

Danmarks

statisik

Page 6: Mobil tilstedeværelse. Muligheder og eksempler
Page 7: Mobil tilstedeværelse. Muligheder og eksempler

Kilde: https://think.withgoogle.com

Page 8: Mobil tilstedeværelse. Muligheder og eksempler

GWI 2013 Q3

De 16-24 årige bruger2,84 timer dagligt per dag online via deressmartphones

Page 9: Mobil tilstedeværelse. Muligheder og eksempler

Responsivt Mobil Tablet Desktop

Responsivt(11.950) 36,95% 15,90% 47,15%

Responsivt (1.068.709) 31,00% 18,67% 50,33%

Responsivt (616.622) 21,73% 12,90% 65,38%

Responsivt (606.984) 44,63% 44,10% 11,28%

Ikke Responsivt (32.746) 26,45% 17,42% 56,16%

Ikke Responsivt (478.545) 14.48% 23,18% 61,84%

Page 10: Mobil tilstedeværelse. Muligheder og eksempler

Er mobile first noget med at

tjekke facebook om

morgenen?

Page 11: Mobil tilstedeværelse. Muligheder og eksempler

Adaptive, mobile first og bookmarks

Responsive

Page 12: Mobil tilstedeværelse. Muligheder og eksempler
Page 13: Mobil tilstedeværelse. Muligheder og eksempler
Page 14: Mobil tilstedeværelse. Muligheder og eksempler
Page 15: Mobil tilstedeværelse. Muligheder og eksempler
Page 16: Mobil tilstedeværelse. Muligheder og eksempler
Page 17: Mobil tilstedeværelse. Muligheder og eksempler
Page 18: Mobil tilstedeværelse. Muligheder og eksempler

Fordele ved responsivt løsning

• Der er kun et website, og det er nemmere at

administre et site på tværs af alle devices.

• Der er kun en URL, og det sikre at brugerne

finder dig

• SEO – der er kun et sted der skal SEOoptimeres.

• Omkostninger – det er billigere kun at

vedligeholde et website

Page 19: Mobil tilstedeværelse. Muligheder og eksempler

Ulemper ved responsiv løsning

• Der er kun et website – det gør det svært at tage hensyn til de behov som brugerne have afhængigt af brugssituation på forskellige devices.

• Performance – det er svært og nogle gange ikke muligt at tage hensyn til alle de gamle (og langsomme devices) med responsivt design

• Man benytter ikke telefonens indbyggede funktioner

• Det kommer kun på brugernes ”hjemmeskærm” vha. et bogmærke, hvis man overhovedet kan få dem til at sætte det.

Page 20: Mobil tilstedeværelse. Muligheder og eksempler

Mobilsite

Page 21: Mobil tilstedeværelse. Muligheder og eksempler
Page 22: Mobil tilstedeværelse. Muligheder og eksempler

Fordele ved et mobilsite

• Brugeroplevelse – du har et site der henvender

sig specifik til brugere på mobile devices

• Hastighed – du har et site der performer godt på

de mobile platforme (da der ikke bliver loadet

noget ekstra indhold)

Page 23: Mobil tilstedeværelse. Muligheder og eksempler

Ulemper ved et mobilsite

• Lidt gammeldags løsning – (! Kan stadig værerelevant) vil typisk dog blive løst med et responsivt site

• URL – du har en ekstra URL som dine brugereskal finde dig på

• Vedligeholdelse – nu har du to sites der skalvedligeholdes

• Mange forskellige devices (selv med et specifikmobilsite er du ikke sikret at ramme alle. Fx. Thouch og ikke thouch devices)

Page 24: Mobil tilstedeværelse. Muligheder og eksempler

Web app

Page 25: Mobil tilstedeværelse. Muligheder og eksempler
Page 26: Mobil tilstedeværelse. Muligheder og eksempler

Fordele ved en webapp

• En kodebase at vedligeholde

• Nemmere kodesprog at skrive i

• Ingen godkendelsesprocess i App store

Page 27: Mobil tilstedeværelse. Muligheder og eksempler

Ulemper ved en webapp

• Kan ikke findes via App store

• Har ikke adgang til de indbyggede funktioner

• Afhængig af at være online

Page 28: Mobil tilstedeværelse. Muligheder og eksempler

Hybrid app

Page 29: Mobil tilstedeværelse. Muligheder og eksempler
Page 30: Mobil tilstedeværelse. Muligheder og eksempler

Fordele ved en hybrid app

• Kan benytte de indbyggede funktioner

• Kan genbruge en stor mængde kode på tværs af

platforme

• Kan findes via appstore

Page 31: Mobil tilstedeværelse. Muligheder og eksempler

Ulemper ved en hybrid app

• Afhænger af browserens hastighed

• Skal godkendes til App store

Page 32: Mobil tilstedeværelse. Muligheder og eksempler

Native app

Page 33: Mobil tilstedeværelse. Muligheder og eksempler

"They are developed

specifically for one platform,

and can take full advantage of

all the device features”

Page 34: Mobil tilstedeværelse. Muligheder og eksempler
Page 35: Mobil tilstedeværelse. Muligheder og eksempler
Page 36: Mobil tilstedeværelse. Muligheder og eksempler

Fordele ved en native app

• Brugeroplevelse – kan tilpasses helt specifikt

• Alle de indbyggede funktioner

• Hastighed

• Synlighed – er på brugerens skærm hele tiden

Page 37: Mobil tilstedeværelse. Muligheder og eksempler

Ulemper ved en native app

• Vedligeholdelse – forskellige platforme =

forskellige kodesprog

• Adgang via App store

• Apple tager 30% af in-app purchase

Page 38: Mobil tilstedeværelse. Muligheder og eksempler

Overblik

Page 39: Mobil tilstedeværelse. Muligheder og eksempler

Responsive Mobilsite Web app Hybrid app Native app

Største fordelKun et site at

vedligeholde

Specifikt til

mobil

Fungerer på

alle platforme

Bedste af begge

verdener

Alle de

indbyggede

funktioner

Største

ulempeIkke til stede på

home screenFlere URL’er

% Indbyggede

funktioner

Afhægig af

browser

hastighed

Mange

vedligeholdelses

punkter

Omkostninger Middel til høj -

men kun til et siteRelativt billigt Relativt billigt Middel til høj Høj

Online / offline Kun online Kun online Kun online Kan fungere

offline

Kan fungere

offline

App store Nej Nej Nej Ja Ja

Page 40: Mobil tilstedeværelse. Muligheder og eksempler

At have en mobil presence ER en god ide

Page 41: Mobil tilstedeværelse. Muligheder og eksempler

Det du gerne vil opnå, er

afgørende for, hvor du skal

sætte ind

Page 42: Mobil tilstedeværelse. Muligheder og eksempler