SlideShare une entreprise Scribd logo
1  sur  22
Télécharger pour lire hors ligne
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

Contenu connexe

Similaire à 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 ITconstructit-asa
 
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ärldGabriel Svennerberg
 
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öljIBM Sverige
 
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...SiteVision AB
 
VT18 - DA355A/DA344A - Kursintroduktion
VT18 - DA355A/DA344A - KursintroduktionVT18 - DA355A/DA344A - Kursintroduktion
VT18 - DA355A/DA344A - KursintroduktionAnton Tibblin
 
Digitalt koncept - Svenska Tecknare
Digitalt koncept - Svenska TecknareDigitalt koncept - Svenska Tecknare
Digitalt koncept - Svenska TecknareKlas Fjärstedt
 
VT2019 - DA355A - Kursintroduktion
VT2019 - DA355A - KursintroduktionVT2019 - DA355A - Kursintroduktion
VT2019 - DA355A - KursintroduktionAnton Tibblin
 
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 Sverige
 
IBM Collaboration Forum - Therese Sinter Sogeti
IBM Collaboration Forum - Therese Sinter SogetiIBM Collaboration Forum - Therese Sinter Sogeti
IBM Collaboration Forum - Therese Sinter SogetiIBM Sverige
 
Logicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 KarlskronaLogicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 KarlskronaCGI Sverige
 
Open ePlatform, Offentliga rummet 2014
Open ePlatform, Offentliga rummet 2014Open ePlatform, Offentliga rummet 2014
Open ePlatform, Offentliga rummet 2014Jari Koponen
 
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!Klas Fjärstedt
 
Vi skulle vilja ha en app!
Vi skulle vilja ha en app!Vi skulle vilja ha en app!
Vi skulle vilja ha en app!Conny Svensson
 
VT17 - DA355A - Kursintroduktion
VT17 - DA355A - KursintroduktionVT17 - DA355A - Kursintroduktion
VT17 - DA355A - KursintroduktionAnton Tibblin
 
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 apparIBM Sverige
 
Nya krav, nya kanaler (Mobilitet, Bransch100)
Nya krav, nya kanaler (Mobilitet, Bransch100)Nya krav, nya kanaler (Mobilitet, Bransch100)
Nya krav, nya kanaler (Mobilitet, Bransch100)Per Åström
 
Digitala trender & strategi 2013
Digitala trender & strategi 2013Digitala trender & strategi 2013
Digitala trender & strategi 2013Fröjd Interactive
 
CliqTags - Användningsområden
CliqTags - AnvändningsområdenCliqTags - Användningsområden
CliqTags - AnvändningsområdenCliqTags
 
Mobile cross platform development
Mobile cross platform developmentMobile cross platform development
Mobile cross platform developmentSigma IT Management
 
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 applikationerNetville AB
 

Similaire à 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
 

Plus de Metamatrix

Ljuger Google Analytics - 26 mars 2020
Ljuger Google Analytics - 26 mars 2020Ljuger Google Analytics - 26 mars 2020
Ljuger Google Analytics - 26 mars 2020Metamatrix
 
Effektiv förvaltning av webbplatsen
Effektiv förvaltning av webbplatsenEffektiv förvaltning av webbplatsen
Effektiv förvaltning av webbplatsenMetamatrix
 
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 160915Metamatrix
 
Seminarium: innehållsstrategi
Seminarium: innehållsstrategi Seminarium: innehållsstrategi
Seminarium: innehållsstrategi Metamatrix
 
Tillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktikenTillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktikenMetamatrix
 
Effektiv webbförvaltning
Effektiv webbförvaltningEffektiv webbförvaltning
Effektiv webbförvaltningMetamatrix
 
Seminarium innehållsstrategi-160310
Seminarium innehållsstrategi-160310Seminarium innehållsstrategi-160310
Seminarium innehållsstrategi-160310Metamatrix
 
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 webbplatsMetamatrix
 
Tillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktikenTillgänglighetsgranskning i praktiken
Tillgänglighetsgranskning i praktikenMetamatrix
 
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 kanalernaMetamatrix
 
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 kanalernaMetamatrix
 
Dags att bygga responsivt
Dags att bygga responsivtDags att bygga responsivt
Dags att bygga responsivtMetamatrix
 
Nå unga effektivt
Nå unga effektivtNå unga effektivt
Nå unga effektivtMetamatrix
 
Förvaltningsorganisation b
Förvaltningsorganisation bFörvaltningsorganisation b
Förvaltningsorganisation bMetamatrix
 
Seminarium innehållsstrategi
Seminarium innehållsstrategiSeminarium innehållsstrategi
Seminarium innehållsstrategiMetamatrix
 
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 strategiMetamatrix
 
Dags att bygga responsivt!
Dags att bygga responsivt!Dags att bygga responsivt!
Dags att bygga responsivt!Metamatrix
 
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-strategiMetamatrix
 
Dags att bygga responsivt
Dags att bygga responsivtDags att bygga responsivt
Dags att bygga responsivtMetamatrix
 
Metamatrix tillgänglig webb
Metamatrix tillgänglig webbMetamatrix tillgänglig webb
Metamatrix tillgänglig webbMetamatrix
 

Plus de 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