tilpasning til mobil
DESCRIPTION
Presentasjon fra Epinovas frokostseminar 15. desember 2011.TRANSCRIPT
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?