Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Effektiv mobil tilstedeværelse

  • Be the first to comment

  • Be the first to like this

Effektiv mobil tilstedeværelse

  1. 1. EFFEKTIV MOBIL TILSTEDEVÆRELSE
  2. 2. TORD HEYERDAHL (28)InteraksjonsdesignerHar jobbet med kunder som: Trafikanten Ruter Stortinget Statkraft Nordea Norwegian Skatteetaten …
  3. 3. TORBJØRN SITRE (39)Kreativ lederHar jobbet med kunder som: Norgesgruppen Tine Nordea Ruter Stortinget REC Veidekke …
  4. 4. «Go mobile or die!»
  5. 5. EFFEKTIV MOBIL TILSTEDEVÆRELSEBrukerne forventer detVår utfordring: Er ikke mobil endavanskeligere enn web?Så hvordan gjør vi det, da?Brukerne har rett!
  6. 6. EFFEKTIV MOBIL TILSTEDEVÆRELSEBrukerne forventer detVår utfordring: Er ikke mobil endavanskeligere enn web?Så hvordan gjør vi det, da?Brukerne har rett!
  7. 7. BRUKERE AV MOBILT NETT VIL VÆRE I MAJORITETINNEN MIDTEN AV 2013 GLOBALTMillioneravbrukereglobalt04008001200160020002006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016MobilDesktopKilde: Morgan Stanley
  8. 8. 9 AV 10 SOLGTE MOBILTELEFONER ERSMARTTELEFONER- Dette forteller både Telenor og NetCom i 2011- Halvparten av alle de 2,5 millionene mobiltelefonene som ble solgt i 2010 varsmarttelefonerAndelsmarttelefoner iTelenors nett:Nå: ca.50% smart-telefonerKilde: Pressemeldinger, Aftenposten
  9. 9. *Base: Franske iPhone-brukere 16+Kilde: ForresterEuropeiske iPhone-brukere:”Hvilken av de følgende ville du vært interessert i å gjøre via din iPhone?”0% 5% 10% 15% 20% 25% 30% 35% 40% 45% 50%Research products for purchase*Purchase products*Compare prices when shopping instoreLocate a nearby store to buy a specific productLook up product information while shopping instoreFind or redeem couponNYE MOBILE BRUKSMØNSTRE ETABLERES
  10. 10. SHOPPERE ER SULTNE PÅ INFORMASJON MENSDE ER I BUTIKKEN 56% er interessert iinformasjon knyttettilhelse/trivsel, økologi/miljø 31% er merinteressert ivareplassering ibutikken, pris, lagerstatus0% 10% 20% 30% 40%Food originsHealthOrganicLocation in storePriceInventorySustainable/humane farmingpracticesIngredientsFood safetyRecipesPrimary needsAll needsMatproduktinformasjon shoppere sier de ønsker via mobil i butikk:% av dagligvarehandlere globaltKilde: Latitude Research
  11. 11. UNGE MENNESKER MED EGEN INNTEKT ER DETVIKTIGSTE SEGMENTET INNEN M-HANDELAndel av totalomsetning innen m-handel kommer fra:
  12. 12. HUSHOLDNINGER MED BARN OG HØY INNTEKTHAR OFTERE SMARTTELEFON0 5 10 15 20 25 30 35 40 45Alle husholdningsinntekterOver 600kAlle husholdningsinntekterOver 600kHusholdningermedbarnHusholdningerutenbarnAndel husholdninger mobilt internett (3G eller nyere):Kilde: SSBKilde: SSBAndel med smarttelefon med 3G eller bedre i Norge
  13. 13. KVINNER I VANLIG MORSALDER ER MER AKTIVPÅ MOBIL ENN NOEN ANNEN ALDERSGRUPPE0% 10% 20% 30% 40% 50% 60% 70% 80%Social Networking & ConnectingEmailKnowledge & EducationPlanning & OrganizingPersonal AdminShoppingPre-purchase browsingNews, Sport & WeatherPersonal InterestMulti-Media, EntertainmentOnline GamingMale 35-44Female 35-44Kilde: TNSKilde: TNSAndel mobilbrukere som har gjort aktivitet på mobil siste 12 mnd i Norge
  14. 14. KVINNER FØLER SEG MER AVHENGIGAV SMARTTELEFONENKilde: Norstat via Aftenposten0%10%20%30%40%50%60%70%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?KvinnerMenn
  15. 15. HVA FORVENTER BRUKERNE VÅRE?Slide15
  16. 16. ”the power of the user”
  17. 17. DE FORVENTER VERDISlide17
  18. 18.  Effektivt Attraktivt Dialog Transparent Kontinuerlig tilstedeværelseSlide18
  19. 19. 19En fisk
  20. 20. «Google har spådd at 44 % av søk ettergaver og butikker kommer på mobil idesember – har du råd til å gi dem endårlig brukeropplevelse?»Kilde : http://www.internetretailer.com/2011/09/06/mobile-comprise-15-black-friday-searches
  21. 21. EFFEKTIV MOBIL TILSTEDEVÆRELSEBrukerne forventer detVår utfordring: Er ikke mobil endavanskeligere enn web?Så hvordan gjør vi det, da?Brukerne har rett!
  22. 22. «Jo, det er det!»
  23. 23. 3 HOVEDUTFORDRINGER Det er mindre plass til alt innholdet Det er vanskeligere for brukerne å nå målet Det krever mer ressurserSlide29
  24. 24. DET ER MINDRE PLASSSlide30
  25. 25. NOEN KONVERTERINGER ER IKKE MULIG PÅ MOBILSlide31
  26. 26. …OG NOEN ER FORSKJELLIGE PÅ MOBILSlide32
  27. 27. Slide33UTVIKLING OG VEDLIKEHOLD PÅ FLEREPLATTFORMER KREVER MER RESSURSER
  28. 28. 34768x1024768x10241024x768240x196 128x192320x480 1200x824 600x800MASSE ENHETER OG OPERATIVSYSTEMER
  29. 29. OG HVA KOMMER I FREMTIDEN?Slide35
  30. 30. EFFEKTIV MOBIL TILSTEDEVÆRELSEBrukerne forventer detVår utfordring: Er ikke mobil endavanskeligere enn web?Så hvordan gjør vi det, da?Brukerne har rett!
  31. 31. SÅ HVORDAN GJØR VI DET, DA?Forankre i selskapets forretningsstrategiTilstreb en sømløs opplevelseUtvikle konsepter som bidrar med verdiTenk mobil førstVelg riktig verktøyBruk responsive web design
  32. 32. SÅ HVORDAN GJØR VI DET, DA?Forankre i selskapets forretningsstrategiTilstreb en sømløs opplevelseUtvikle konsepter som bidrar med verdiTenk mobil førstVelg riktig verktøyBruk responsive web design
  33. 33. MålbildeForretningsidé StrategiMerkevareplattform- det vi har valgt å konkurrere påSTRATEGIDigital strategi
  34. 34. MålbildeForretningsidé StrategiMerkevareplattform- det vi har valgt å konkurrere påSTRATEGI – STERKT MERKEVAREBYGGENDEDigital strategi
  35. 35. STRATEGI – ET BREDT PERSPEKTIVBrukerbehovTeknologiskemuligheterSelskapetsbudskap
  36. 36. SÅ HVORDAN GJØR VI DET, DA?Forankre i selskapets forretningsstrategiTilstreb en sømløs opplevelseUtvikle konsepter som bidrar med verdiTenk mobil førstVelg riktig verktøyBruk responsive web design
  37. 37. EN SØMLØS OPPLEVELSEFørNåSnart
  38. 38. VI SKAL GI BRUKERNE VERDI…Slide 45
  39. 39. …OVERALT OG ALLTID!
  40. 40. BRUKERNE VÅRE FORHOLDER SEG IKKE TILPLATTFORM, MEN TIL TOTALTJENESTEN
  41. 41. HELHETLIG TILSTEDEVÆRELSE – VÅRT ANSIKTUTAD
  42. 42. SÅ HVORDAN GJØR VI DET, DA?Forankre i selskapets forretningsstrategiTilstreb en sømløs opplevelseUtvikle konsepter som bidrar med verdiTenk mobil førstVelg riktig verktøyBruk responsive web design
  43. 43. MOBILE KONSEPTER – HVOR KAN VI FINNE DEM?Hvilket innhold har vi, som brukerne allerede er ute etter nårde bruker mobil?Hvilke touchpoints har vi i dag, som vi kan forbedre?Hvilke situasjoner er våre brukere i, og hva ønsker de seg fraoss i de situasjonene?Hva leverer vi i dag, som vi kan utvikle tjeneste rundt?
  44. 44. INNHOLD BRUKERNE ALLEREDE ER INTERESSERT INÅR DE ER PÅ MOBILHvordan finner vi det?Slide 52
  45. 45. MÅL ANTALL MOBILE BESØK PÅ NETTSTEDET
  46. 46. MÅL KONSUM AV INNHOLD
  47. 47. SE PÅ LOJALITET OG BRUK1696197, 68%794856,32%VisitsReturningVisitorNewVisitorHva slags innhold benytterdenne gruppen?16,5 % av de besøkende har vært innomsiten mer enn 10 ganger siste 30 dager...Høy frekvens av returnerende besøk
  48. 48. HVILKE TOUCHPOINTS ER TILGJENGELIG FORDEM (OG DERMED FOR OSS)?
  49. 49. Mobilbrukerne er her…
  50. 50. …eller er de kanskje her?
  51. 51. …eller her?Kilde:Compete
  52. 52. Identifisere konteksten hvor enmobil tjeneste kan gi merverdi tilbrukeren..og som gir mening for dineforretningsresultater
  53. 53. …OG VI ER HELT AVHENGIGE AV ATKONVERTERINGEN FUNGERER
  54. 54. …OG VI ER HELT AVHENGIGE AV ATKONVERTERINGEN FUNGERER
  55. 55. …OG VI ER HELT AVHENGIGE AV ATKONVERTERINGEN FUNGERER
  56. 56. SÅ HVORDAN GJØR VI DET, DA?Forankre i selskapets forretningsstrategiTilstreb en sømløs opplevelseUtvikle konsepter som bidrar med verdiTenk mobil førstVelg riktig verktøyBruk responsive web design
  57. 57. DESIGN FOR66mobil først
  58. 58. ANTALLET MOBILE ENHETER EKSPLODERER6704008001200160020002006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016Dere husker vel statistikken?
  59. 59. 68
  60. 60. MOBIL TVINGER OSS TIL Å PRIORITERE Mindre skjermstørrelse Svakere ytelse Dårligere båndbredde…men det gir en bedre løsningSlide69
  61. 61. 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*640Oppløsning på bærbaredatamaskiner 1280x1024: 14.8 % 1280x800: 14.4 % 1366x768: 10.1 %Slide 70
  62. 62. SVAKERE YTELSE Skyldes først og fremst to egenskaper: Svakere prosessor Mindre minne Begrenser muligheter for avanserte funksjoner ved hjelp avJavaScriptSlide71
  63. 63. DÅRLIGERE BÅNDBREDDESlide72Dekningskart: http://www.telenor.no/privat/dekning/
  64. 64. Slide 73TRANSPORT FOR LONDON - WEBVERSJON
  65. 65. TRANSPORT FOR LONDON - MOBILVERSJON
  66. 66. TRANSPORT FOR LONDON – FINNE BILLETTPRISER
  67. 67. PLASSER DET VIKTIGSTE ØVERST76Større skjermStørst skjermLiten skjerm
  68. 68. MOBIL UTVIDER VÅRE MULIGHETER78
  69. 69. SÅ HVORDAN GJØR VI DET, DA?Forankre i selskapets forretningsstrategiTilstreb en sømløs opplevelseUtvikle konsepter som bidrar med verdiTenk mobil førstVelg riktig verktøyBruk responsive web design
  70. 70. FORSKJELLIGE BEHOV, FORSKJELLIGELØSNINGER
  71. 71. FORSKJELLIGE BEHOV, FORSKJELLIGELØSNINGERMobil-web? App?Mobil-webAppHybrid?
  72. 72. FORSKJELLIGE BEHOV, FORSKJELLIGELØSNINGERMobil-webhtml/css/jsURL – bookmarkPlattformuavhengigKrever nettilgangWeb-funksjonalitetBegrenset lagring av dataTilgjengelig fra søk og eksternelinkerAppSkrevet for OSAppStore/Ovi/Android MarketOS-definert brukeropplevelseNett-uavhengig (delvis)Tilgang til OS-funksjonalitetRobust lagring av dataOppdateres via OSHybrid
  73. 73. FORSKJELLIGE BEHOV, FORSKJELLIGELØSNINGER- HYBRID
  74. 74. BRUKEROPPLEVELSE, TID OG KOSTNAD©CreunaProduksjonskost og -tidBrukeropplevelseMobilwebsideWeb-appHybrid appNative app
  75. 75. SÅ HVORDAN GJØR VI DET, DA?Forankre i selskapets forretningsstrategiTilstreb en sømløs opplevelseUtvikle konsepter som bidrar med verdiTenk mobil førstVelg riktig verktøyBruk responsive web design
  76. 76. 86
  77. 77. 87bredde x høyde
  78. 78. 88
  79. 79. 89
  80. 80. Et nettsted har ikke fastVi kan ikke lage noe som erfordi det ikke finnes noe90LERRETPIXEL PERFEKTBREDDE x HØYDE
  81. 81. RESPONSIVE WEB DESIGNEn teknikk drevet frem av behov Fleksibel tilpasning til alle skjermer Klarhet og fokus Hensyn til langsomme enheter Høy grad av tilgjengelighet Penger…Slide91
  82. 82. <DEMO>92
  83. 83. RWD – HVA SKAL TIL?Fluid grids Fleksibelt (grid-basert) layoutMedia queries Verktøy til å justere layoutResponsive images Fleksible bilder og media93
  84. 84. <DEMO>94
  85. 85. 95
  86. 86. RWD – DESIGNPRINSIPPERGraceful Degradation &Progressive Enhancement 96
  87. 87. RWD – DESIGNPRINSIPPER97Graceful Degradation &Progressive Enhancement 
  88. 88. RWD – DESIGNPRINSIPPER98Graceful Degradation &Progressive Enhancement 
  89. 89. RWD – DESIGNPRINSIPPERGraceful DegradationAgile iterativ prosessProgressive Enhancement99
  90. 90. RWD – LØSER IKKE ALLE UTFORDRINGER Krever at det tenkes riktig fra første sekund – fokus påfleksibilitet Mobile First er nesten et kravSlide100
  91. 91. REFERANSER OG NOE Å LESE PÅ101Lesestoff: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?933Ethan 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
  92. 92. EFFEKTIV MOBIL TILSTEDEVÆRELSEBrukerne forventer detVår utfordring: Er ikke mobil endavanskeligere enn web?Så hvordan gjør vi det, da?Brukerne har rett!
  93. 93. BYOD
  94. 94. BYOD“Bring your own drinks?”
  95. 95. BYOD“Bring your own device”
  96. 96. OVERALT OG ALLTIDSlide106
  97. 97. OVERALT OG ALLTID
  98. 98. OVERALT OG ALLTID
  99. 99. MOBILUTVIKLINGEN GIR OSS STORE FORDELERBedre prioritering, tydeligere kundeløfteTilby verdi til brukerne på nye måterVære tilstede i brukernes hverdag
  100. 100. MEN DET KREVER AT VI GJØR DET RIKTIG!Forankre i selskapets forretningsstrategiTilstreb en sømløs opplevelseUtvikle konsepter som bidrar med verdiTenk mobil førstVelg riktig verktøyBruk responsive web design
  101. 101. TAKK FOR OPPMERKSOMHETEN© Creuna

×