SlideShare a Scribd company logo
1 of 22
APPAR OCH MOBIL WEBB
TRENDER, TEKNIKER OCH STRATEGIER


                          @aspelund




                @piaflodquist         1
AGENDA



•   Bakgrund och nuläge
•   Trender
•   Mobila plattformar
•   Digitala strategin
•   Ett app-projekt




                          2
1999



       3
NULÄGE


•   2,3 miljoner mobiler med bredband – En
    ökning med 185% jämfört med 2010
•   56% av alla svenska
    bredbandsabonnemang är mobila
•   Ab för Bredband i telefonen gick om ab
    för bredband via dongel

•   Cirka 5-10 procent av webbesökarna
    använder en mobil enhet
•   Ökning med 100 – 600 procent på ett år




                                             4
TRENDER


• Mobile first




                 5
TRENDER


• Mobile first

• Supersocialt




                 6
TRENDER


• Mobile first

• Supersocialt

• Intranät




                 7
TEKNISK ÖVERSIKT


Specifik            Generell




                           8
TEKNISK ÖVERSIKT


Specifik                                                    Generell


Native-appar

  • Plattformsspecifika verktyg
  • Plattformsspecifika språk och bibliotek
  • Perfekt gränssnitt
  • Tillgång till kontakter, kalender, kamera, accelerometer mm

  • Dyrt – en kodbas per plattform




                                                                   9
TEKNISK ÖVERSIKT


Specifik                                                     Generell

Native-appar    Crossplatform
                SDK
  •En miljö, ett språk – för alla plattformar
  •Perfekt gränssnitt
  •Tillgång till många tekniska finesser

  •Ett lager till => fler buggar
  •Mindre utvecklarkollektiv => Större leverantörsberoende
  •Tidslagg – nya versioner


                                                                   10
TEKNISK ÖVERSIKT


Specifik                                                      Generell

Native-appar   Crossplatform      Webbappar
               SDK


  • HTML5 – Javascript, html, css, bibliotek som jQuery Mobile
  • Många tillgängliga utvecklare
  • Snabbt och smidigt

  • Inga specialfunktioner som kontakter, kalender, kamera,
  accelerometrar osv
  • Inte native utseende och lite sämre gränssnittseffekter
  • Saknar riktigt offline-läge
                                                                    11
TEKNISK ÖVERSIKT


Specifik                                                  Generell

Native-appar   Crossplatform      Webbappar     Mobil webbplats
               SDK


  • HTML – Javascript, html, css
  • Utveckling i den vanliga miljön
  • Responsive Design – Samma innehåll presenteras olika i olika
  webbläsare

  • Hygienfaktor
  • Tja, det är inte en app 


                                                                   12
TEKNISK ÖVERSIKT


Specifik                                         Generell

Native-appar   Crossplatform   Webbappar   Mobil webbplats
               SDK




                                                             13
RESPONSIVE DESIGN
UPPDRAG GRANSKNING

•http://svt.se/ug/




                     14
DIGITAL STRATEGI
VÄGEN FRAMÅT

• Vad vill användarna veta?

•Vad vill de känna?

• Vad vill de göra?

• Var vill de göra det?




                              15
16
NATIVE APPAR

• Ett syfte – ett spel – en tjänst

• Sociala nätverk, engagemang,
  samarbete

• Många plattformar och
  marknadsplatser

• Offline-mode!

• Telefonens inbyggda
  funktioner


                                     17
OLIKA SYFTEN


                 Verksamhets-
PR / Varumärke   stödjande      Intranät   Nytta / nöje




                                                          18
MOBIL STRATEGI?


• Ännu en kanal

• Mobila webben är social

• Tillgänglighet

• Målgrupperna

• Hur når vi ut? Teknikval?




                              19
ETT MOBILT PROJEKT




                     20
SUMMERING


•   Mobilt ökar enormt
•   Tillgänglighet
•   Appar stärker relationen med målgruppen
•   Affärsnytta – Intranätet på fickan




                                              21
Appar och mobil webb

More Related Content

Similar to Appar och mobil webb

Hur tar du hand om dina mobila besökare? - Construct IT
Hur tar du hand om dina mobila besökare? - Construct ITHur tar du hand om dina mobila besökare? - Construct IT
Hur tar du hand om dina mobila besökare? - Construct IT
constructit-asa
 
Netville - Er utvecklingspartner för mobila applikationer
Netville - Er utvecklingspartner för mobila applikationerNetville - Er utvecklingspartner för mobila applikationer
Netville - Er utvecklingspartner för mobila applikationer
Netville AB
 

Similar to Appar och mobil webb (20)

Hur tar du hand om dina mobila besökare? - Construct IT
Hur tar du hand om dina mobila besökare? - Construct ITHur tar du hand om dina mobila besökare? - Construct IT
Hur tar du hand om dina mobila besökare? - Construct IT
 
Designstrategier för en ny digital värld
Designstrategier för en ny digital världDesignstrategier för en ny digital värld
Designstrategier för en ny digital värld
 
IBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
IBM Lotus - Utnyttja kraften i Lotus samverkansportföljIBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
IBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
 
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
 
VT18 - DA355A/DA344A - Kursintroduktion
VT18 - DA355A/DA344A - KursintroduktionVT18 - DA355A/DA344A - Kursintroduktion
VT18 - DA355A/DA344A - Kursintroduktion
 
Digitalt koncept - Svenska Tecknare
Digitalt koncept - Svenska TecknareDigitalt koncept - Svenska Tecknare
Digitalt koncept - Svenska Tecknare
 
VT2019 - DA355A - Kursintroduktion
VT2019 - DA355A - KursintroduktionVT2019 - DA355A - Kursintroduktion
VT2019 - DA355A - Kursintroduktion
 
IBM BC2015 - Husqvarna - Den smarta trädgården!
IBM BC2015 - Husqvarna - Den smarta trädgården!IBM BC2015 - Husqvarna - Den smarta trädgården!
IBM BC2015 - Husqvarna - Den smarta trädgården!
 
IBM Collaboration Forum - Therese Sinter Sogeti
IBM Collaboration Forum - Therese Sinter SogetiIBM Collaboration Forum - Therese Sinter Sogeti
IBM Collaboration Forum - Therese Sinter Sogeti
 
Logicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 KarlskronaLogicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 Karlskrona
 
Open ePlatform, Offentliga rummet 2014
Open ePlatform, Offentliga rummet 2014Open ePlatform, Offentliga rummet 2014
Open ePlatform, Offentliga rummet 2014
 
En webb, flera skärmar – nya möjligheter!
En webb, flera skärmar – nya möjligheter!En webb, flera skärmar – nya möjligheter!
En webb, flera skärmar – nya möjligheter!
 
Vi skulle vilja ha en app!
Vi skulle vilja ha en app!Vi skulle vilja ha en app!
Vi skulle vilja ha en app!
 
VT17 - DA355A - Kursintroduktion
VT17 - DA355A - KursintroduktionVT17 - DA355A - Kursintroduktion
VT17 - DA355A - Kursintroduktion
 
IBM Smarter Business 2012 - Hjälp kunderna med mobila appar
IBM Smarter Business 2012 - Hjälp kunderna med mobila apparIBM Smarter Business 2012 - Hjälp kunderna med mobila appar
IBM Smarter Business 2012 - Hjälp kunderna med mobila appar
 
Nya krav, nya kanaler (Mobilitet, Bransch100)
Nya krav, nya kanaler (Mobilitet, Bransch100)Nya krav, nya kanaler (Mobilitet, Bransch100)
Nya krav, nya kanaler (Mobilitet, Bransch100)
 
Digitala trender & strategi 2013
Digitala trender & strategi 2013Digitala trender & strategi 2013
Digitala trender & strategi 2013
 
CliqTags - Användningsområden
CliqTags - AnvändningsområdenCliqTags - Användningsområden
CliqTags - Användningsområden
 
Mobile cross platform development
Mobile cross platform developmentMobile cross platform development
Mobile cross platform development
 
Netville - Er utvecklingspartner för mobila applikationer
Netville - Er utvecklingspartner för mobila applikationerNetville - Er utvecklingspartner för mobila applikationer
Netville - Er utvecklingspartner för mobila applikationer
 

More from Metamatrix

More from Metamatrix (20)

Ljuger Google Analytics - 26 mars 2020
Ljuger Google Analytics - 26 mars 2020Ljuger Google Analytics - 26 mars 2020
Ljuger Google Analytics - 26 mars 2020
 
Effektiv förvaltning av webbplatsen
Effektiv förvaltning av webbplatsenEffektiv förvaltning av webbplatsen
Effektiv förvaltning av webbplatsen
 
Frukostseminarium seo teknik och innehåll 160915
Frukostseminarium seo   teknik och innehåll 160915Frukostseminarium seo   teknik och innehåll 160915
Frukostseminarium seo teknik och innehåll 160915
 
Seminarium: innehållsstrategi
Seminarium: innehållsstrategi Seminarium: innehållsstrategi
Seminarium: innehållsstrategi
 
Tillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktikenTillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktiken
 
Effektiv webbförvaltning
Effektiv webbförvaltningEffektiv webbförvaltning
Effektiv webbförvaltning
 
Seminarium innehållsstrategi-160310
Seminarium innehållsstrategi-160310Seminarium innehållsstrategi-160310
Seminarium innehållsstrategi-160310
 
7 kriterier för en bra webbplats
7 kriterier för en bra webbplats7 kriterier för en bra webbplats
7 kriterier för en bra webbplats
 
Tillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktikenTillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktiken
 
Förvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalernaFörvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalerna
 
Förvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalernaFörvaltningsorganisation för de digitala kanalerna
Förvaltningsorganisation för de digitala kanalerna
 
Dags att bygga responsivt
Dags att bygga responsivtDags att bygga responsivt
Dags att bygga responsivt
 
Nå unga effektivt
Nå unga effektivtNå unga effektivt
Nå unga effektivt
 
Förvaltningsorganisation b
Förvaltningsorganisation bFörvaltningsorganisation b
Förvaltningsorganisation b
 
Seminarium innehållsstrategi
Seminarium innehållsstrategiSeminarium innehållsstrategi
Seminarium innehållsstrategi
 
Koppla ihop webbanalys och uppföljning med din strategi
Koppla ihop webbanalys och uppföljning med din strategiKoppla ihop webbanalys och uppföljning med din strategi
Koppla ihop webbanalys och uppföljning med din strategi
 
Dags att bygga responsivt!
Dags att bygga responsivt!Dags att bygga responsivt!
Dags att bygga responsivt!
 
Koppla ihop-webbanalys-och-uppföljning-med-din-strategi
Koppla ihop-webbanalys-och-uppföljning-med-din-strategiKoppla ihop-webbanalys-och-uppföljning-med-din-strategi
Koppla ihop-webbanalys-och-uppföljning-med-din-strategi
 
Dags att bygga responsivt
Dags att bygga responsivtDags att bygga responsivt
Dags att bygga responsivt
 
Metamatrix tillgänglig webb
Metamatrix tillgänglig webbMetamatrix tillgänglig webb
Metamatrix tillgänglig webb
 

Appar och mobil webb

  • 1. APPAR OCH MOBIL WEBB TRENDER, TEKNIKER OCH STRATEGIER @aspelund @piaflodquist 1
  • 2. AGENDA • Bakgrund och nuläge • Trender • Mobila plattformar • Digitala strategin • Ett app-projekt 2
  • 3. 1999 3
  • 4. NULÄGE • 2,3 miljoner mobiler med bredband – En ökning med 185% jämfört med 2010 • 56% av alla svenska bredbandsabonnemang är mobila • Ab för Bredband i telefonen gick om ab för bredband via dongel • Cirka 5-10 procent av webbesökarna använder en mobil enhet • Ökning med 100 – 600 procent på ett år 4
  • 7. TRENDER • Mobile first • Supersocialt • Intranät 7
  • 9. TEKNISK ÖVERSIKT Specifik Generell Native-appar • Plattformsspecifika verktyg • Plattformsspecifika språk och bibliotek • Perfekt gränssnitt • Tillgång till kontakter, kalender, kamera, accelerometer mm • Dyrt – en kodbas per plattform 9
  • 10. TEKNISK ÖVERSIKT Specifik Generell Native-appar Crossplatform SDK •En miljö, ett språk – för alla plattformar •Perfekt gränssnitt •Tillgång till många tekniska finesser •Ett lager till => fler buggar •Mindre utvecklarkollektiv => Större leverantörsberoende •Tidslagg – nya versioner 10
  • 11. TEKNISK ÖVERSIKT Specifik Generell Native-appar Crossplatform Webbappar SDK • HTML5 – Javascript, html, css, bibliotek som jQuery Mobile • Många tillgängliga utvecklare • Snabbt och smidigt • Inga specialfunktioner som kontakter, kalender, kamera, accelerometrar osv • Inte native utseende och lite sämre gränssnittseffekter • Saknar riktigt offline-läge 11
  • 12. TEKNISK ÖVERSIKT Specifik Generell Native-appar Crossplatform Webbappar Mobil webbplats SDK • HTML – Javascript, html, css • Utveckling i den vanliga miljön • Responsive Design – Samma innehåll presenteras olika i olika webbläsare • Hygienfaktor • Tja, det är inte en app  12
  • 13. TEKNISK ÖVERSIKT Specifik Generell Native-appar Crossplatform Webbappar Mobil webbplats SDK 13
  • 15. DIGITAL STRATEGI VÄGEN FRAMÅT • Vad vill användarna veta? •Vad vill de känna? • Vad vill de göra? • Var vill de göra det? 15
  • 16. 16
  • 17. NATIVE APPAR • Ett syfte – ett spel – en tjänst • Sociala nätverk, engagemang, samarbete • Många plattformar och marknadsplatser • Offline-mode! • Telefonens inbyggda funktioner 17
  • 18. OLIKA SYFTEN Verksamhets- PR / Varumärke stödjande Intranät Nytta / nöje 18
  • 19. MOBIL STRATEGI? • Ännu en kanal • Mobila webben är social • Tillgänglighet • Målgrupperna • Hur når vi ut? Teknikval? 19
  • 21. SUMMERING • Mobilt ökar enormt • Tillgänglighet • Appar stärker relationen med målgruppen • Affärsnytta – Intranätet på fickan 21