SlideShare a Scribd company logo
1 of 43
FROKOSTSEMINAR
15. DESEMBER 2011
Ørjan
  Epinova
2
  Forretningsrå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øsninger
  Velger å ikke ha mobile løsninger
  Lager Apps
  Satser frisk
  Tilpasser dagens nettløsning for mobil
MEN ER DETTE NYTT?
    DETTE HAR VI SETT FØR




8
HVA ER NYTT DENNE GANGEN?

  Økt bruk av e-post og kalender
  Mobiltetthet
  Bortskjemt
  Båndbredde
  Sosiale 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 statistikk
      Hva blir besøkt av mobiler i dag?
  Analyser brukeratferd
      Hvordan navigerer brukerne rundt på nettstedet?
  Se på personas og brukerintervju
      Hvordan bruker personasene mobiltelefon?
  Lag brukerscenarier
      Hva vil du tilby dine kunder?
  Lag prototyper
      Best tilbakemelding er å prøve noe som eksisterer
  Hør med eksperter
      Det er noen som er flinkere enn andre til mobilstrategi
  Se på andre
      Konkurrenter (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 mobil
     Egen struktur
     Mye samme innhold
     Lett tilgjengelig og ett grensesnitt
  Apps
     Ofte én oppgave
     Lite innhold
     Kun tilgjengelig for spesielle plattformer
         Eks: iPhone App store, Android Market og lignende
  Responsive Web Design
     Samme innhold
     Samme struktur
     Samme maler
HVA SKAL VI TENKE PÅ?

  Skjermstørrelser
  Telefontyper
  iPad og Galaxy tab
  Størrelse på siden
  Integrasjoner som for eksempel Flash og Java Applets
  Fungerer BankID på mobil
  Video
  Innhold
OK, vi har tenkt på alt dette

HVORDAN FUNGERER
DET FOR BRUKERNE?
EGNE MALER




23
EGNE MALER




24
EGNE MALER




25
APPS




26
LITT OM APPS

     Ofte ett brukerbehov
        Finn bolig
        Søk opp telefonnr
        Overfør penger
        Sjekk avgang på trikken
     Noen slår sammen flere bruksområder
        Nettbank, kvitteringer, oppgjør, valutakalkulator, kontakt og lignende
     Skiller mellom Native App og Web App
        App for eks. iPhone og Android
        Norsk Tipping sin webside fungerer som web app




27
RESPONSIVE WEB DESIGN




28
KORT SAGT

  Webdesignet responderer på størrelsen til skjermen som brukes
  Innholdet er det samme, men utseende endrer seg
  Man bruker hovedsakelig CSS, men også JavaScript blir brukt for å justere
  designet
TEKNISK SAGT

  Flexible Grids
  Flexible Images & Media
  Media 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;
         }
   }
Gullfisk demo ;-)




34
35
VIKTIG Å TENKE PÅ…
84% har internett tilkobling
     76% bruker internett daglig
     50% surfer utenfor hjem & kontor

37
Mobiltelefonen er blitt det kjæreste vi har
   den 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 best
   den kan ta bilder og sende til venner
   den er online, underholdende og
   kontrollerende
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 det
  Man må finne ut i hvilken kontekst de befinner seg når de besøker
  nettstedet
UTFORDRINGEN LIGGER KANSKJE AT VANENE ENDRES?

  77% bruker nettbank
  69% bruker mobilen når man shopper
  84% bruker nettet når man ser på TV
  ..eller at 40% bruker mobilen på do?
TAKK FOR MEG!




                Ørjan Clausen
                Forretningsrådgiver


                        +47 930 95 222


                        orjan.clausen@epinova.no


                        twitter.com/orjanc

More Related Content

Similar to Tilpasning til mobil

Mobile Meetup Oslo: Native for alle penga - FINN.no deler erfaringer - 28. ma...
Mobile Meetup Oslo: Native for alle penga - FINN.no deler erfaringer - 28. ma...Mobile Meetup Oslo: Native for alle penga - FINN.no deler erfaringer - 28. ma...
Mobile Meetup Oslo: Native for alle penga - FINN.no deler erfaringer - 28. ma...finnlabs
 
Okt 2013 mobile nettløsninger og hvorfor det er viktig for din bedrift
Okt 2013 mobile nettløsninger   og hvorfor det er viktig for din bedriftOkt 2013 mobile nettløsninger   og hvorfor det er viktig for din bedrift
Okt 2013 mobile nettløsninger og hvorfor det er viktig for din bedriftDinBedriftPaNett
 
Frokostseminar mobil markedsføring Bergen 22032012
Frokostseminar mobil markedsføring Bergen 22032012Frokostseminar mobil markedsføring Bergen 22032012
Frokostseminar mobil markedsføring Bergen 22032012Synlighet
 
Dirty fingers
Dirty fingersDirty fingers
Dirty fingersJakobT
 
Hvordan lykkes med mobile prosjekter
Hvordan lykkes med mobile prosjekterHvordan lykkes med mobile prosjekter
Hvordan lykkes med mobile prosjekterAlexander Viken
 
Mobil: Hva bør du tenke på?
Mobil: Hva bør du tenke på?Mobil: Hva bør du tenke på?
Mobil: Hva bør du tenke på?Ida Aalen
 
Intranett sosiale medier fylkesmannen 200111
Intranett sosiale medier fylkesmannen 200111Intranett sosiale medier fylkesmannen 200111
Intranett sosiale medier fylkesmannen 200111Ingeborg Dirdal
 
Frokostseminar om mobilmarkedsføring - Synlighet Bergen 9. feb 2012
Frokostseminar om mobilmarkedsføring - Synlighet Bergen 9. feb 2012Frokostseminar om mobilmarkedsføring - Synlighet Bergen 9. feb 2012
Frokostseminar om mobilmarkedsføring - Synlighet Bergen 9. feb 2012Synlighet
 
Ta bedriften din til neste nivå med mobilapp
Ta bedriften din til neste nivå med mobilappTa bedriften din til neste nivå med mobilapp
Ta bedriften din til neste nivå med mobilappKaspar Lavik
 
Moderne intranett basert på SharePoint - Bologna collaboration av Vikram og O...
Moderne intranett basert på SharePoint - Bologna collaboration av Vikram og O...Moderne intranett basert på SharePoint - Bologna collaboration av Vikram og O...
Moderne intranett basert på SharePoint - Bologna collaboration av Vikram og O...Solv AS
 
Strategisk tilnæring til e handel
Strategisk tilnæring til e handelStrategisk tilnæring til e handel
Strategisk tilnæring til e handelOdd Gurvin
 
Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3Jon Skivenes
 
Universell utforming: Er du klar?
Universell utforming: Er du klar?Universell utforming: Er du klar?
Universell utforming: Er du klar?nkstrand
 
De nye arbeidsmetodene - Leiv Thomas Sandnes - Skill AS
De nye arbeidsmetodene - Leiv Thomas Sandnes - Skill ASDe nye arbeidsmetodene - Leiv Thomas Sandnes - Skill AS
De nye arbeidsmetodene - Leiv Thomas Sandnes - Skill ASLiselotte Haugsnes
 
Næringsforeningen230113
Næringsforeningen230113Næringsforeningen230113
Næringsforeningen230113Arve Hinna
 
Cross-platform mobile development in c sharp with Xamarin
Cross-platform mobile development in c sharp with XamarinCross-platform mobile development in c sharp with Xamarin
Cross-platform mobile development in c sharp with XamarinAndreas Mosti
 

Similar to Tilpasning til mobil (20)

Mobile Meetup Oslo: Native for alle penga - FINN.no deler erfaringer - 28. ma...
Mobile Meetup Oslo: Native for alle penga - FINN.no deler erfaringer - 28. ma...Mobile Meetup Oslo: Native for alle penga - FINN.no deler erfaringer - 28. ma...
Mobile Meetup Oslo: Native for alle penga - FINN.no deler erfaringer - 28. ma...
 
Okt 2013 mobile nettløsninger og hvorfor det er viktig for din bedrift
Okt 2013 mobile nettløsninger   og hvorfor det er viktig for din bedriftOkt 2013 mobile nettløsninger   og hvorfor det er viktig for din bedrift
Okt 2013 mobile nettløsninger og hvorfor det er viktig for din bedrift
 
Frokostseminar mobil markedsføring Bergen 22032012
Frokostseminar mobil markedsføring Bergen 22032012Frokostseminar mobil markedsføring Bergen 22032012
Frokostseminar mobil markedsføring Bergen 22032012
 
Apps
AppsApps
Apps
 
Hvordan lage apper
Hvordan lage apperHvordan lage apper
Hvordan lage apper
 
Apple og apps business or pleasure - 4 nov
Apple og apps   business or pleasure - 4 novApple og apps   business or pleasure - 4 nov
Apple og apps business or pleasure - 4 nov
 
Dirty fingers
Dirty fingersDirty fingers
Dirty fingers
 
Hvordan lykkes med mobile prosjekter
Hvordan lykkes med mobile prosjekterHvordan lykkes med mobile prosjekter
Hvordan lykkes med mobile prosjekter
 
Mobil: Hva bør du tenke på?
Mobil: Hva bør du tenke på?Mobil: Hva bør du tenke på?
Mobil: Hva bør du tenke på?
 
Yggdrasil 2016 rant
Yggdrasil 2016 rantYggdrasil 2016 rant
Yggdrasil 2016 rant
 
Intranett sosiale medier fylkesmannen 200111
Intranett sosiale medier fylkesmannen 200111Intranett sosiale medier fylkesmannen 200111
Intranett sosiale medier fylkesmannen 200111
 
Frokostseminar om mobilmarkedsføring - Synlighet Bergen 9. feb 2012
Frokostseminar om mobilmarkedsføring - Synlighet Bergen 9. feb 2012Frokostseminar om mobilmarkedsføring - Synlighet Bergen 9. feb 2012
Frokostseminar om mobilmarkedsføring - Synlighet Bergen 9. feb 2012
 
Ta bedriften din til neste nivå med mobilapp
Ta bedriften din til neste nivå med mobilappTa bedriften din til neste nivå med mobilapp
Ta bedriften din til neste nivå med mobilapp
 
Moderne intranett basert på SharePoint - Bologna collaboration av Vikram og O...
Moderne intranett basert på SharePoint - Bologna collaboration av Vikram og O...Moderne intranett basert på SharePoint - Bologna collaboration av Vikram og O...
Moderne intranett basert på SharePoint - Bologna collaboration av Vikram og O...
 
Strategisk tilnæring til e handel
Strategisk tilnæring til e handelStrategisk tilnæring til e handel
Strategisk tilnæring til e handel
 
Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3
 
Universell utforming: Er du klar?
Universell utforming: Er du klar?Universell utforming: Er du klar?
Universell utforming: Er du klar?
 
De nye arbeidsmetodene - Leiv Thomas Sandnes - Skill AS
De nye arbeidsmetodene - Leiv Thomas Sandnes - Skill ASDe nye arbeidsmetodene - Leiv Thomas Sandnes - Skill AS
De nye arbeidsmetodene - Leiv Thomas Sandnes - Skill AS
 
Næringsforeningen230113
Næringsforeningen230113Næringsforeningen230113
Næringsforeningen230113
 
Cross-platform mobile development in c sharp with Xamarin
Cross-platform mobile development in c sharp with XamarinCross-platform mobile development in c sharp with Xamarin
Cross-platform mobile development in c sharp with Xamarin
 

More from Ørjan Clausen

Har du råd til lite brukervennlige løsninger og manuelle prosesser - frokost...
Har du råd til lite brukervennlige løsninger og manuelle prosesser - frokost...Har du råd til lite brukervennlige løsninger og manuelle prosesser - frokost...
Har du råd til lite brukervennlige løsninger og manuelle prosesser - frokost...Ørjan Clausen
 
What happened in Austin stays in Austin?
What happened in Austin stays in Austin?What happened in Austin stays in Austin?
What happened in Austin stays in Austin?Ørjan Clausen
 
Responsive Web Design, Case: BI - Ark2012
Responsive Web Design, Case: BI - Ark2012Responsive Web Design, Case: BI - Ark2012
Responsive Web Design, Case: BI - Ark2012Ørjan Clausen
 
Terra webforum - Sosiale medier
Terra webforum - Sosiale medierTerra webforum - Sosiale medier
Terra webforum - Sosiale medierØrjan Clausen
 
Webhuset Roadshow 2010 Trondheim
Webhuset Roadshow 2010 TrondheimWebhuset Roadshow 2010 Trondheim
Webhuset Roadshow 2010 TrondheimØrjan Clausen
 
Kundeinnsikt offentlig
Kundeinnsikt offentligKundeinnsikt offentlig
Kundeinnsikt offentligØrjan Clausen
 

More from Ørjan Clausen (8)

Har du råd til lite brukervennlige løsninger og manuelle prosesser - frokost...
Har du råd til lite brukervennlige løsninger og manuelle prosesser - frokost...Har du råd til lite brukervennlige løsninger og manuelle prosesser - frokost...
Har du råd til lite brukervennlige løsninger og manuelle prosesser - frokost...
 
What happened in Austin stays in Austin?
What happened in Austin stays in Austin?What happened in Austin stays in Austin?
What happened in Austin stays in Austin?
 
Responsive Web Design, Case: BI - Ark2012
Responsive Web Design, Case: BI - Ark2012Responsive Web Design, Case: BI - Ark2012
Responsive Web Design, Case: BI - Ark2012
 
Terra webforum - Sosiale medier
Terra webforum - Sosiale medierTerra webforum - Sosiale medier
Terra webforum - Sosiale medier
 
Webhuset Roadshow 2010 Trondheim
Webhuset Roadshow 2010 TrondheimWebhuset Roadshow 2010 Trondheim
Webhuset Roadshow 2010 Trondheim
 
Fremtidstrender
FremtidstrenderFremtidstrender
Fremtidstrender
 
Kundeinnsikt offentlig
Kundeinnsikt offentligKundeinnsikt offentlig
Kundeinnsikt offentlig
 
Sosiale Medier
Sosiale MedierSosiale Medier
Sosiale Medier
 

Tilpasning til mobil

  • 2. Ørjan Epinova 2 Forretningsrådgiver
  • 5. FORDI ALLE ANDRE GJØR DET!
  • 6. FORDI ALLE ANDRE IKKE GJØR DET!
  • 7. HVA ER STATUS? ”Sitter på gjerdet” Egne mobile løsninger Velger å ikke ha mobile løsninger Lager Apps Satser frisk Tilpasser dagens nettløsning for mobil
  • 8. MEN ER DETTE NYTT? DETTE HAR VI SETT FØR 8
  • 9.
  • 10. HVA ER NYTT DENNE GANGEN? Økt bruk av e-post og kalender Mobiltetthet Bortskjemt Båndbredde Sosiale medier Kort sagt bruket og brukerne har endret seg og er i stadig endring
  • 11.
  • 12.
  • 14. TOGET GÅR… SKAL DU VÆRE MED? ELLER… SKAL DU STÅ IGJEN PÅ PERONGEN?
  • 15. DU SKAL VÆRE MED :-)
  • 18. JEG ANTAR DU HAR ET NETTSTED Les statistikk Hva blir besøkt av mobiler i dag? Analyser brukeratferd Hvordan navigerer brukerne rundt på nettstedet? Se på personas og brukerintervju Hvordan bruker personasene mobiltelefon? Lag brukerscenarier Hva vil du tilby dine kunder? Lag prototyper Best tilbakemelding er å prøve noe som eksisterer Hør med eksperter Det er noen som er flinkere enn andre til mobilstrategi Se på andre Konkurrenter (og andre bransjer) har kanskje gjort noe som du kan gjøre eller ikke vil gjøre. Prioriter innhold og funksjonalitet
  • 20. TEKNIKKER Egne maler for mobil Egen struktur Mye samme innhold Lett tilgjengelig og ett grensesnitt Apps Ofte én oppgave Lite innhold Kun tilgjengelig for spesielle plattformer Eks: iPhone App store, Android Market og lignende Responsive Web Design Samme innhold Samme struktur Samme maler
  • 21. HVA SKAL VI TENKE PÅ? Skjermstørrelser Telefontyper iPad og Galaxy tab Størrelse på siden Integrasjoner som for eksempel Flash og Java Applets Fungerer BankID på mobil Video Innhold
  • 22. OK, vi har tenkt på alt dette HVORDAN FUNGERER DET FOR BRUKERNE?
  • 27. LITT OM APPS Ofte ett brukerbehov Finn bolig Søk opp telefonnr Overfør penger Sjekk avgang på trikken Noen slår sammen flere bruksområder Nettbank, kvitteringer, oppgjør, valutakalkulator, kontakt og lignende Skiller mellom Native App og Web App App for eks. iPhone og Android Norsk Tipping sin webside fungerer som web app 27
  • 29. KORT SAGT Webdesignet responderer på størrelsen til skjermen som brukes Innholdet er det samme, men utseende endrer seg Man bruker hovedsakelig CSS, men også JavaScript blir brukt for å justere designet
  • 30. TEKNISK SAGT Flexible Grids Flexible Images & Media Media Queries
  • 31. 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%; }
  • 32. TEKNISK SAGT Flexible Images & Media #box img { max-width: 100%; }
  • 33. TEKNISK SAGT Media queries @media screen and (max-width: 1160px) { #nav { display: none; } } @media screen and (max-width: 1540px) { #box { background-color; red; } }
  • 35. 35
  • 36. VIKTIG Å TENKE PÅ…
  • 37. 84% har internett tilkobling 76% bruker internett daglig 50% surfer utenfor hjem & kontor 37
  • 38. Mobiltelefonen er blitt det kjæreste vi har den 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 best den kan ta bilder og sende til venner den er online, underholdende og kontrollerende
  • 39. 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. 40
  • 41. UTFORDRINGEN LIGGER IKKE I TEKNOLOGIEN Utfordringen er å gi brukerne det de vil ha - når de vil ha det Man må finne ut i hvilken kontekst de befinner seg når de besøker nettstedet
  • 42. UTFORDRINGEN LIGGER KANSKJE AT VANENE ENDRES? 77% bruker nettbank 69% bruker mobilen når man shopper 84% bruker nettet når man ser på TV ..eller at 40% bruker mobilen på do?
  • 43. TAKK FOR MEG! Ørjan Clausen Forretningsrådgiver +47 930 95 222 orjan.clausen@epinova.no twitter.com/orjanc