Mobil tilstedeværelse. Muligheder og eksempler.

42
Mobil tilstedeværelse mulighederne Morgeninspiration 21/1 2015

Transcript of Mobil tilstedeværelse. Muligheder og eksempler.

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.