Tilpasning til mobil

FROKOSTSEMINAR15. DESEMBER 2011

2

ØrjanEpinovaForretningsrådgiver

HVORDAN & HVORFOR TIL MOBIL?

HVORFOR

FORDI ALLE ANDRE GJØR DET!

FORDI ALLE ANDRE IKKE GJØR DET!

HVA ER STATUS?

”Sitter på gjerdet”Egne mobile løsningerVelger å ikke ha mobile løsningerLager AppsSatser friskTilpasser dagens nettløsning for mobil

8

MEN ER DETTE NYTT?DETTE HAR VI SETT FØR

HVA ER NYTT DENNE GANGEN?

Økt bruk av e-post og kalenderMobiltetthetBortskjemtBåndbreddeSosiale medier

Kort sagt bruket og brukerne har endret seg og er i stadig endring

ELLER DISSE…

TOGET GÅR…SKAL DU VÆRE MED?

ELLER…SKAL DU STÅ IGJEN PÅ PERONGEN?

DU SKAL VÆRE MED :-)

HVORDAN

START MED UTGANGSPUNKTET

JEG ANTAR DU HAR ET NETTSTED

Les statistikkHva blir besøkt av mobiler i dag?

Analyser brukeratferdHvordan navigerer brukerne rundt på nettstedet?

Se på personas og brukerintervjuHvordan bruker personasene mobiltelefon?

Lag brukerscenarierHva vil du tilby dine kunder?

Lag prototyperBest tilbakemelding er å prøve noe som eksisterer

Hør med eksperterDet er noen som er flinkere enn andre til mobilstrategi

Se på andreKonkurrenter (og andre bransjer) har kanskje gjort noe som du kan gjøre eller ikke vil gjøre.

Prioriter innhold og funksjonalitet

TEKNIKKER

TEKNIKKER

Egne maler for mobilEgen strukturMye samme innholdLett tilgjengelig og ett grensesnitt

AppsOfte én oppgaveLite innholdKun tilgjengelig for spesielle plattformer

Eks: iPhone App store, Android Market og lignende

Responsive Web DesignSamme innholdSamme strukturSamme maler

HVA SKAL VI TENKE PÅ?

SkjermstørrelserTelefontyperiPad og Galaxy tabStørrelse på sidenIntegrasjoner som for eksempel Flash og Java AppletsFungerer BankID på mobilVideoInnhold

OK, vi har tenkt på alt dette

HVORDAN FUNGERERDET FOR BRUKERNE?

EGNE MALER

23

EGNE MALER

24

EGNE MALER

25

APPS

26

LITT OM APPS

Ofte ett brukerbehovFinn boligSøk opp telefonnrOverfør pengerSjekk avgang på trikken

Noen slår sammen flere bruksområderNettbank, kvitteringer, oppgjør, valutakalkulator, kontakt og lignende

Skiller mellom Native App og Web AppApp for eks. iPhone og AndroidNorsk Tipping sin webside fungerer som web app

27

RESPONSIVE WEB DESIGN

28

KORT SAGT

Webdesignet responderer på størrelsen til skjermen som brukesInnholdet er det samme, men utseende endrer segMan bruker hovedsakelig CSS, men også JavaScript blir brukt for å justere designet

TEKNISK SAGT

Flexible GridsFlexible Images & MediaMedia Queries

TEKNISK SAGT

Flexible Grids#nav ul {

float: left; width: 25%;font-size: 1,5 em; /* 24px/16px = 1,5em */ }

#box { float: left; margin-left: 5%;}

TEKNISK SAGT

Flexible Images & Media#box img {

max-width: 100%;}

TEKNISK SAGT

Media queries@media screen and (max-width: 1160px) {

#nav { display: none; } }

@media screen and (max-width: 1540px) {

#box { background-color; red;}

}

34

Gullfisk demo ;-)

35

VIKTIG Å TENKE PÅ…

37

84% har internett tilkobling

76% bruker internett daglig

50% surfer utenfor hjem & kontor

Mobiltelefonen er blitt det kjæreste vi harden vet hvor vi er!den vet hvor vennene er!den vet om gode restauranter!den har svar på alle verdens spørsmål!den vet hvilken vin som er bestden kan ta bilder og sende til vennerden er online, underholdende ogkontrollerende

MEN VET DEN HVA VI EGENTLIG VIL HA?

Du står i butikken. Vil du da ha middagsoppskriften som du så på i går da du planla middagen

…eller vil du bare ha ingrediensene?

Du sitter på trikken.Vil du lese artikkelen om Berit du så på yr.no?

…eller vil du bare vite hva været blir i morgen akkurat hvor du er?

40

UTFORDRINGEN LIGGER IKKE I TEKNOLOGIEN

Utfordringen er å gi brukerne det de vil ha - når de vil ha detMan må finne ut i hvilken kontekst de befinner seg når de besøker nettstedet

UTFORDRINGEN LIGGER KANSKJE AT VANENE ENDRES?

77% bruker nettbank69% bruker mobilen når man shopper84% bruker nettet når man ser på TV..eller at 40% bruker mobilen på do?

TAKK FOR MEG!

Ørjan ClausenForretningsrådgiver

orjan.clausen@epinova.no

twitter.com/orjanc

+47 930 95 222