SlideShare une entreprise Scribd logo
1  sur  34
Télécharger pour lire hors ligne
Dina besökare
finns i fickan
Frukostseminarium 27 september 2012
Att tänka mobilt först har handlat
om att
lära sig ny teknik och nya
arbetssätt

                                     2
DINA BESÖKARE FINNS I FICKAN
Ny teknik och nya arbetssätt




                               3
DINA BESÖKARE FINNS I FICKAN
För att lära sig ett nytt arbetssätt



»Att lära sig app-tekniken
     – Att lära sig marknadsföra sin produkt i App Store
     – Att lära sig läsa statistik och förstå nya användarmönster
     – Att lära sig publicera i flera kanaler från sitt CMS




                                                                    4
DINA BESÖKARE FINNS I FICKAN
Luke Wroblewski om att tänka mobilt först



» 480 miljoner
  Android-enheter
  och 400 miljoner
  iOS-enheter har
  sålts i världen
    – Att jämföra med en miljard datorer
      med Microsoft Windows
    – Att jämföra med att det finns 2,2
      miljarder internetanvändare i
      världen

                                            Källa: Luke Wroblewski
                                                                     7
DINA BESÖKARE FINNS I FICKAN
Luke Wroblewski om att tänka mobilt först




                                            Utgiven av A Book Apart, 2011
                                                                            8
DINA BESÖKARE FINNS I FICKAN
Trafiktillväxten i Sverige för mobila datatjänster

                                                                                              2011




                                                        2010




                                                2009



                     2008                              Terrabyte per år, källa: Internetstatistik
                                                                                                    9
DINA BESÖKARE FINNS I FICKAN
Vad gör användarna med sin mobila enhet?




            Kollar e-post 63%

          Surfar 85%
                                       Facebookar 62%
                                                 Källa: Google
                                                            10
DINA BESÖKARE FINNS I FICKAN
Hur ser det ut för svenskarna på internet?



» 2009 var det ovanligt att besöka
  sociala nätverk, se på video och
  koppa e-post via mobilen. Idag gör
  hälften av användarna just detta.
     – Olle Findahl, Svenskarna och internet




                                               Källa: .Se – Svenskarna och
                                                                   internet
                                                                          11
Dags att tänka mobilt först för att
användarna förväntar sig det




                                      12
DINA BESÖKARE FINNS I FICKAN
För att användarna förväntar sig det




                                       13
DINA BESÖKARE FINNS I FICKAN
För att användarna förväntar sig det




                                       14
DINA BESÖKARE FINNS I FICKAN
För att användarna förväntar sig det



»Att tänka mobilt först
    – Att förstå användarnas beteendemönster
    – Att utveckla nya tjänster för nya sammanhang
    – Att välja rätt teknik för den mobila upplevelsen




                                                         15
DINA BESÖKARE FINNS I FICKAN
Att förstå användarnas beteendemönster



» Ny amerikansk
  studie undersöker
  vårt användande
  av den nya
  tekniken
    – Ipsos har genomfört en kvalitativ
      och kvantitativ undersökning på
      uppdrag av Google under våren
      2012



                                          16
DINA BESÖKARE FINNS I FICKAN
Att förstå användarnas beteendemönster



» Besökaren använder olika enheter
  under en dag och växlar mellan dem
  hela tiden




                                         17
DINA BESÖKARE FINNS I FICKAN
Att förstå användarnas beteendemönster



» Sekventiellt
    – Vi byter mitt i ett flöde

» Samtidigt
    – Vi ”multitaskar” eller kompletterar




                                            18
DINA BESÖKARE FINNS I FICKAN
Att förstå användarnas beteendemönster



» Fyra faktorer avgör vårt val
    –   Tillgänglig tid
    –   Fysisk plats
    –   Känslan för stunden
    –   … och vårt mål




                                         19
DINA BESÖKARE FINNS I FICKAN
Att förstå användarnas beteendemönster




                                                                  43
                                             39


                              30

                                    Så många minuter av vår fritid
             17                     spenderar vi när vi använder olika
                                    enheter på en dag
                                                         Källa: The New Multi-Screen World
                                                                                        20
DINA BESÖKARE FINNS I FICKAN
Att förstå användarnas beteendemönster




                                               39
                                                            På jobbet och hemma
                                                            Uppgiftsorienterat
                                                            Kräver tid och fokus

                              30
                                          Mest hemma
                                          Bläddrande och underhållande
                                          Avspänt användande på fritiden


             17            På väg, men också hemma
                           Kommunikation och kontakter
                                                               Källa: The New Multi-Screen World
                           Kort information på kort tid                                      21
DINA BESÖKARE FINNS I FICKAN
Att förstå användarnas beteendemönster




                                                      Om jag tittar på TV orkar jag
                                                      inte resa mig upp för att hämta
                                                      min dator, utan jag tar bara
                                                      fram telefonen.




                        34%          använder mobilen för att den är närmast




                                                              Källa: The New Multi-Screen World
                                                                                             22
DINA BESÖKARE FINNS I FICKAN
Att förstå användarnas beteendemönster


           Söker och surfar    Shoppar   Reseplanerar   Går till banken        Facebookar
   1
              65%             63%         47%             59%                   66%

   2
              60%             58%         45%             56%                   58%

   3

               4%               5%         3%              3%                     8%

                                                               Källa: The New Multi-Screen World
                                                                                              23
Dags att tänka mobilt först för att
användarna förväntar sig det




                                      24
DINA BESÖKARE FINNS I FICKAN
Att välja rätt teknik för den mobila upplevelsen



» Alla dessa termer
     –   Mobilwebb
     –   Mobilepack
     –   Adaptiv design
     –   Responsiv design
     –   Stilmallar
     –   Sidmallar
     –   Ramverk
     –   …




                                                   25
DINA BESÖKARE FINNS I FICKAN
Att tänka mobilt först – en responsiv design



»Att välja rätt plattform för den mobila
     A
 upplevelsen
                                                   A
             B


             C

                                               B       C




                                                           26
DINA BESÖKARE FINNS I FICKAN
Mobilwebb




                               27
DINA BESÖKARE FINNS I FICKAN
Mobilwebb



»Mobilwebb
   –   Utgår från att användaren har en smartphone
   –   Presenterar utvalt innehåll i en enkel mobilwebb
   –   Baseras på ramverk för kod, som jQuery Mobile
   –   Bygger på egna sidmallar i CMS-lösningen (exempelvis EPiServer
       Mobilepack)




                                                                        28
DINA BESÖKARE FINNS I FICKAN
Responsiv design




                               29
DINA BESÖKARE FINNS I FICKAN
Responsiv design



»Responsiv webb
    –   Möjligt med specifika lösningar baserat på enhet (med hjälp av stilmallar)
    –   Presenterar allt innehåll på samma sidmallar
    –   Bygger på ramverk som Bootstrap (från Twitter)
    –   Är plattformsoberoende – bygger på anpassningar i gränssnittet




                                                                                     30
Dags att tänka mobilt först för att
användarna förväntar sig det




                                      31
DINA BESÖKARE FINNS I FICKAN
Mobilt först är inte bara responsiv design



» Ta fram strategier för användbarhet
     – Analysera målgruppen och testa mer än vanligt

» Välj ramverk för ”design för alla”
     – Utgå från standards och vedertagna metoder

» Principer för navigation
     – Lägg extra arbete på att utveckla lösningar för att hitta i
       informationsstrukturen

» Designa innehållet omsorgsfullt
     – Ny regler gäller för typografi, bilder, media


                                                                     32
DINA BESÖKARE FINNS I FICKAN
Framöver på Metamatrix



» Content is faktiskt fortfarande king

                                 Välkomna den
                               22 november 2012
                                 kl 9.00 – 10.00




                                                   33
metamatrix.se
Sveavägen 31, 111 34 Stockholm | c/o Malmö Arena, Norra Vallgatan 20, 211 25 MALMÖ
                              Växel: 08-50 65 33 00

Contenu connexe

En vedette

Bang for the buck - utnyttja kraften i ditt CMS.
Bang for the buck - utnyttja kraften i ditt CMS.Bang for the buck - utnyttja kraften i ditt CMS.
Bang for the buck - utnyttja kraften i ditt CMS.Metamatrix
 
Design för alla
Design för allaDesign för alla
Design för allaMetamatrix
 
Dags att bygga responsivt!
Dags att bygga responsivt!Dags att bygga responsivt!
Dags att bygga responsivt!Metamatrix
 
7 kriterier - frukostseminarium 27 februari
7 kriterier - frukostseminarium 27 februari7 kriterier - frukostseminarium 27 februari
7 kriterier - frukostseminarium 27 februariMetamatrix
 
Frukostseminarium - Webb für alle - 140313
Frukostseminarium - Webb für alle - 140313Frukostseminarium - Webb für alle - 140313
Frukostseminarium - Webb für alle - 140313Metamatrix
 
Användarcentrarat med små resurser
Användarcentrarat med små resurserAnvändarcentrarat med små resurser
Användarcentrarat med små resurserMetamatrix
 
Självreglereing av Cookies
Självreglereing av CookiesSjälvreglereing av Cookies
Självreglereing av CookiesMetamatrix
 
Frukostseminarium 24 feb 2011 - Sociala medier och webbanalys
Frukostseminarium 24 feb 2011 - Sociala medier och webbanalysFrukostseminarium 24 feb 2011 - Sociala medier och webbanalys
Frukostseminarium 24 feb 2011 - Sociala medier och webbanalysMetamatrix
 
Cyberspace invaderar jorden
Cyberspace invaderar jordenCyberspace invaderar jorden
Cyberspace invaderar jordenPär Lannerö
 
Får det lov att vara en kaka?
Får det lov att vara en kaka?Får det lov att vara en kaka?
Får det lov att vara en kaka?Pär Lannerö
 
Metamatrix tillgänglig webb
Metamatrix tillgänglig webbMetamatrix tillgänglig webb
Metamatrix tillgänglig webbMetamatrix
 
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
 
Frukostseminarium content is fortfarande king
Frukostseminarium content is fortfarande kingFrukostseminarium content is fortfarande king
Frukostseminarium content is fortfarande kingMetamatrix
 
Frukostseminarium september-2011-personas och andra metoder för behovsanalys
Frukostseminarium september-2011-personas och andra metoder för behovsanalysFrukostseminarium september-2011-personas och andra metoder för behovsanalys
Frukostseminarium september-2011-personas och andra metoder för behovsanalysMetamatrix
 
Webb für alle
Webb für alleWebb für alle
Webb für alleMetamatrix
 
Appar och mobil webb
Appar och mobil webbAppar och mobil webb
Appar och mobil webbMetamatrix
 
Att utveckla användarcentrerade intranät
Att utveckla användarcentrerade intranätAtt utveckla användarcentrerade intranät
Att utveckla användarcentrerade intranätMetamatrix
 

En vedette (18)

Bang for the buck - utnyttja kraften i ditt CMS.
Bang for the buck - utnyttja kraften i ditt CMS.Bang for the buck - utnyttja kraften i ditt CMS.
Bang for the buck - utnyttja kraften i ditt CMS.
 
Design för alla
Design för allaDesign för alla
Design för alla
 
Dags att bygga responsivt!
Dags att bygga responsivt!Dags att bygga responsivt!
Dags att bygga responsivt!
 
7 kriterier - frukostseminarium 27 februari
7 kriterier - frukostseminarium 27 februari7 kriterier - frukostseminarium 27 februari
7 kriterier - frukostseminarium 27 februari
 
Frukostseminarium - Webb für alle - 140313
Frukostseminarium - Webb für alle - 140313Frukostseminarium - Webb für alle - 140313
Frukostseminarium - Webb für alle - 140313
 
Användarcentrarat med små resurser
Användarcentrarat med små resurserAnvändarcentrarat med små resurser
Användarcentrarat med små resurser
 
Vad godkänner du?
Vad godkänner du?Vad godkänner du?
Vad godkänner du?
 
Självreglereing av Cookies
Självreglereing av CookiesSjälvreglereing av Cookies
Självreglereing av Cookies
 
Frukostseminarium 24 feb 2011 - Sociala medier och webbanalys
Frukostseminarium 24 feb 2011 - Sociala medier och webbanalysFrukostseminarium 24 feb 2011 - Sociala medier och webbanalys
Frukostseminarium 24 feb 2011 - Sociala medier och webbanalys
 
Cyberspace invaderar jorden
Cyberspace invaderar jordenCyberspace invaderar jorden
Cyberspace invaderar jorden
 
Får det lov att vara en kaka?
Får det lov att vara en kaka?Får det lov att vara en kaka?
Får det lov att vara en kaka?
 
Metamatrix tillgänglig webb
Metamatrix tillgänglig webbMetamatrix tillgänglig webb
Metamatrix tillgänglig webb
 
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
 
Frukostseminarium content is fortfarande king
Frukostseminarium content is fortfarande kingFrukostseminarium content is fortfarande king
Frukostseminarium content is fortfarande king
 
Frukostseminarium september-2011-personas och andra metoder för behovsanalys
Frukostseminarium september-2011-personas och andra metoder för behovsanalysFrukostseminarium september-2011-personas och andra metoder för behovsanalys
Frukostseminarium september-2011-personas och andra metoder för behovsanalys
 
Webb für alle
Webb für alleWebb für alle
Webb für alle
 
Appar och mobil webb
Appar och mobil webbAppar och mobil webb
Appar och mobil webb
 
Att utveckla användarcentrerade intranät
Att utveckla användarcentrerade intranätAtt utveckla användarcentrerade intranät
Att utveckla användarcentrerade intranät
 

Similaire à Besökarna finns i fickan

Mobil kommunikation spoon
Mobil kommunikation spoonMobil kommunikation spoon
Mobil kommunikation spoonSpoon
 
Disruptiva stammar i en utökad verklighet
Disruptiva stammar i en utökad verklighetDisruptiva stammar i en utökad verklighet
Disruptiva stammar i en utökad verklighetPer Axbom
 
Ta det lugnt - Marknadsförarens guide till galaxen 2014
Ta det lugnt - Marknadsförarens guide till galaxen 2014Ta det lugnt - Marknadsförarens guide till galaxen 2014
Ta det lugnt - Marknadsförarens guide till galaxen 2014Andreas Sundqvist
 
Att designa för mobilitet
Att designa för mobilitetAtt designa för mobilitet
Att designa för mobilitetinUse
 
Episerver användarträff
Episerver användarträffEpiserver användarträff
Episerver användarträffcloudnine
 
Introduktion till onlineaffärer och sociala medier
Introduktion till onlineaffärer och sociala medierIntroduktion till onlineaffärer och sociala medier
Introduktion till onlineaffärer och sociala medierAnnika Lidne
 
OPN SITETALK FLIPBOOK SWEDISH
OPN SITETALK FLIPBOOK SWEDISHOPN SITETALK FLIPBOOK SWEDISH
OPN SITETALK FLIPBOOK SWEDISHIvan Covic
 
Mobilt och social sök - de nya kanalerna
Mobilt och social sök - de nya kanalernaMobilt och social sök - de nya kanalerna
Mobilt och social sök - de nya kanalernamediaanalys
 
Ta det lugnt - Marknadsförarens guide till galaxen 2014
Ta det lugnt - Marknadsförarens guide till galaxen 2014Ta det lugnt - Marknadsförarens guide till galaxen 2014
Ta det lugnt - Marknadsförarens guide till galaxen 2014SCPGREY
 
Netari och Ungdomsarbete
Netari och UngdomsarbeteNetari och Ungdomsarbete
Netari och UngdomsarbeteNetari
 
Handel & Sociala Medier (Dagens Butik / Svensk Handel 13 okt)
Handel & Sociala Medier (Dagens Butik / Svensk Handel 13 okt)Handel & Sociala Medier (Dagens Butik / Svensk Handel 13 okt)
Handel & Sociala Medier (Dagens Butik / Svensk Handel 13 okt)Judith Wolst
 
Handelskammaren11.11
Handelskammaren11.11Handelskammaren11.11
Handelskammaren11.11Mats Adamczak
 
Tio steg till framtidens produktutveckling - Creuna Göteborg
Tio steg till framtidens produktutveckling - Creuna GöteborgTio steg till framtidens produktutveckling - Creuna Göteborg
Tio steg till framtidens produktutveckling - Creuna GöteborgCreuna Sverige
 
ERFA Nätverket, Digital Marknadsföring
ERFA Nätverket, Digital MarknadsföringERFA Nätverket, Digital Marknadsföring
ERFA Nätverket, Digital MarknadsföringFredrik Cederlöf
 

Similaire à Besökarna finns i fickan (20)

Mobil kommunikation spoon
Mobil kommunikation spoonMobil kommunikation spoon
Mobil kommunikation spoon
 
Disruptiva stammar i en utökad verklighet
Disruptiva stammar i en utökad verklighetDisruptiva stammar i en utökad verklighet
Disruptiva stammar i en utökad verklighet
 
Ta det lugnt - Marknadsförarens guide till galaxen 2014
Ta det lugnt - Marknadsförarens guide till galaxen 2014Ta det lugnt - Marknadsförarens guide till galaxen 2014
Ta det lugnt - Marknadsförarens guide till galaxen 2014
 
Att designa för mobilitet
Att designa för mobilitetAtt designa för mobilitet
Att designa för mobilitet
 
VD-föreläsning
VD-föreläsningVD-föreläsning
VD-föreläsning
 
Episerver användarträff
Episerver användarträffEpiserver användarträff
Episerver användarträff
 
Introduktion till onlineaffärer och sociala medier
Introduktion till onlineaffärer och sociala medierIntroduktion till onlineaffärer och sociala medier
Introduktion till onlineaffärer och sociala medier
 
OPN SITETALK FLIPBOOK SWEDISH
OPN SITETALK FLIPBOOK SWEDISHOPN SITETALK FLIPBOOK SWEDISH
OPN SITETALK FLIPBOOK SWEDISH
 
Mobilt och social sök - de nya kanalerna
Mobilt och social sök - de nya kanalernaMobilt och social sök - de nya kanalerna
Mobilt och social sök - de nya kanalerna
 
Ta det lugnt - Marknadsförarens guide till galaxen 2014
Ta det lugnt - Marknadsförarens guide till galaxen 2014Ta det lugnt - Marknadsförarens guide till galaxen 2014
Ta det lugnt - Marknadsförarens guide till galaxen 2014
 
Unga på nätet inspirationsdagarn 2014
Unga på nätet inspirationsdagarn 2014Unga på nätet inspirationsdagarn 2014
Unga på nätet inspirationsdagarn 2014
 
Netari och Ungdomsarbete
Netari och UngdomsarbeteNetari och Ungdomsarbete
Netari och Ungdomsarbete
 
DKCO sociala medier
DKCO sociala medierDKCO sociala medier
DKCO sociala medier
 
Handel & Sociala Medier (Dagens Butik / Svensk Handel 13 okt)
Handel & Sociala Medier (Dagens Butik / Svensk Handel 13 okt)Handel & Sociala Medier (Dagens Butik / Svensk Handel 13 okt)
Handel & Sociala Medier (Dagens Butik / Svensk Handel 13 okt)
 
Interaktiv positionering
Interaktiv positioneringInteraktiv positionering
Interaktiv positionering
 
Handelskammaren11.11
Handelskammaren11.11Handelskammaren11.11
Handelskammaren11.11
 
Bortom Web 2.0
Bortom Web 2.0Bortom Web 2.0
Bortom Web 2.0
 
Tio steg till framtidens produktutveckling - Creuna Göteborg
Tio steg till framtidens produktutveckling - Creuna GöteborgTio steg till framtidens produktutveckling - Creuna Göteborg
Tio steg till framtidens produktutveckling - Creuna Göteborg
 
ERFA Nätverket, Digital Marknadsföring
ERFA Nätverket, Digital MarknadsföringERFA Nätverket, Digital Marknadsföring
ERFA Nätverket, Digital Marknadsföring
 
Ungdomsarbete och netari
Ungdomsarbete och netariUngdomsarbete och netari
Ungdomsarbete och netari
 

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
 

Plus de Metamatrix (19)

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
 

Besökarna finns i fickan

  • 1. Dina besökare finns i fickan Frukostseminarium 27 september 2012
  • 2. Att tänka mobilt först har handlat om att lära sig ny teknik och nya arbetssätt 2
  • 3. DINA BESÖKARE FINNS I FICKAN Ny teknik och nya arbetssätt 3
  • 4. DINA BESÖKARE FINNS I FICKAN För att lära sig ett nytt arbetssätt »Att lära sig app-tekniken – Att lära sig marknadsföra sin produkt i App Store – Att lära sig läsa statistik och förstå nya användarmönster – Att lära sig publicera i flera kanaler från sitt CMS 4
  • 5.
  • 6.
  • 7. DINA BESÖKARE FINNS I FICKAN Luke Wroblewski om att tänka mobilt först » 480 miljoner Android-enheter och 400 miljoner iOS-enheter har sålts i världen – Att jämföra med en miljard datorer med Microsoft Windows – Att jämföra med att det finns 2,2 miljarder internetanvändare i världen Källa: Luke Wroblewski 7
  • 8. DINA BESÖKARE FINNS I FICKAN Luke Wroblewski om att tänka mobilt först Utgiven av A Book Apart, 2011 8
  • 9. DINA BESÖKARE FINNS I FICKAN Trafiktillväxten i Sverige för mobila datatjänster 2011 2010 2009 2008 Terrabyte per år, källa: Internetstatistik 9
  • 10. DINA BESÖKARE FINNS I FICKAN Vad gör användarna med sin mobila enhet? Kollar e-post 63% Surfar 85% Facebookar 62% Källa: Google 10
  • 11. DINA BESÖKARE FINNS I FICKAN Hur ser det ut för svenskarna på internet? » 2009 var det ovanligt att besöka sociala nätverk, se på video och koppa e-post via mobilen. Idag gör hälften av användarna just detta. – Olle Findahl, Svenskarna och internet Källa: .Se – Svenskarna och internet 11
  • 12. Dags att tänka mobilt först för att användarna förväntar sig det 12
  • 13. DINA BESÖKARE FINNS I FICKAN För att användarna förväntar sig det 13
  • 14. DINA BESÖKARE FINNS I FICKAN För att användarna förväntar sig det 14
  • 15. DINA BESÖKARE FINNS I FICKAN För att användarna förväntar sig det »Att tänka mobilt först – Att förstå användarnas beteendemönster – Att utveckla nya tjänster för nya sammanhang – Att välja rätt teknik för den mobila upplevelsen 15
  • 16. DINA BESÖKARE FINNS I FICKAN Att förstå användarnas beteendemönster » Ny amerikansk studie undersöker vårt användande av den nya tekniken – Ipsos har genomfört en kvalitativ och kvantitativ undersökning på uppdrag av Google under våren 2012 16
  • 17. DINA BESÖKARE FINNS I FICKAN Att förstå användarnas beteendemönster » Besökaren använder olika enheter under en dag och växlar mellan dem hela tiden 17
  • 18. DINA BESÖKARE FINNS I FICKAN Att förstå användarnas beteendemönster » Sekventiellt – Vi byter mitt i ett flöde » Samtidigt – Vi ”multitaskar” eller kompletterar 18
  • 19. DINA BESÖKARE FINNS I FICKAN Att förstå användarnas beteendemönster » Fyra faktorer avgör vårt val – Tillgänglig tid – Fysisk plats – Känslan för stunden – … och vårt mål 19
  • 20. DINA BESÖKARE FINNS I FICKAN Att förstå användarnas beteendemönster 43 39 30 Så många minuter av vår fritid 17 spenderar vi när vi använder olika enheter på en dag Källa: The New Multi-Screen World 20
  • 21. DINA BESÖKARE FINNS I FICKAN Att förstå användarnas beteendemönster 39  På jobbet och hemma  Uppgiftsorienterat  Kräver tid och fokus 30  Mest hemma  Bläddrande och underhållande  Avspänt användande på fritiden 17  På väg, men också hemma  Kommunikation och kontakter Källa: The New Multi-Screen World  Kort information på kort tid 21
  • 22. DINA BESÖKARE FINNS I FICKAN Att förstå användarnas beteendemönster Om jag tittar på TV orkar jag inte resa mig upp för att hämta min dator, utan jag tar bara fram telefonen. 34% använder mobilen för att den är närmast Källa: The New Multi-Screen World 22
  • 23. DINA BESÖKARE FINNS I FICKAN Att förstå användarnas beteendemönster Söker och surfar Shoppar Reseplanerar Går till banken Facebookar 1 65% 63% 47% 59% 66% 2 60% 58% 45% 56% 58% 3 4% 5% 3% 3% 8% Källa: The New Multi-Screen World 23
  • 24. Dags att tänka mobilt först för att användarna förväntar sig det 24
  • 25. DINA BESÖKARE FINNS I FICKAN Att välja rätt teknik för den mobila upplevelsen » Alla dessa termer – Mobilwebb – Mobilepack – Adaptiv design – Responsiv design – Stilmallar – Sidmallar – Ramverk – … 25
  • 26. DINA BESÖKARE FINNS I FICKAN Att tänka mobilt först – en responsiv design »Att välja rätt plattform för den mobila A upplevelsen A B C B C 26
  • 27. DINA BESÖKARE FINNS I FICKAN Mobilwebb 27
  • 28. DINA BESÖKARE FINNS I FICKAN Mobilwebb »Mobilwebb – Utgår från att användaren har en smartphone – Presenterar utvalt innehåll i en enkel mobilwebb – Baseras på ramverk för kod, som jQuery Mobile – Bygger på egna sidmallar i CMS-lösningen (exempelvis EPiServer Mobilepack) 28
  • 29. DINA BESÖKARE FINNS I FICKAN Responsiv design 29
  • 30. DINA BESÖKARE FINNS I FICKAN Responsiv design »Responsiv webb – Möjligt med specifika lösningar baserat på enhet (med hjälp av stilmallar) – Presenterar allt innehåll på samma sidmallar – Bygger på ramverk som Bootstrap (från Twitter) – Är plattformsoberoende – bygger på anpassningar i gränssnittet 30
  • 31. Dags att tänka mobilt först för att användarna förväntar sig det 31
  • 32. DINA BESÖKARE FINNS I FICKAN Mobilt först är inte bara responsiv design » Ta fram strategier för användbarhet – Analysera målgruppen och testa mer än vanligt » Välj ramverk för ”design för alla” – Utgå från standards och vedertagna metoder » Principer för navigation – Lägg extra arbete på att utveckla lösningar för att hitta i informationsstrukturen » Designa innehållet omsorgsfullt – Ny regler gäller för typografi, bilder, media 32
  • 33. DINA BESÖKARE FINNS I FICKAN Framöver på Metamatrix » Content is faktiskt fortfarande king Välkomna den 22 november 2012 kl 9.00 – 10.00 33
  • 34. metamatrix.se Sveavägen 31, 111 34 Stockholm | c/o Malmö Arena, Norra Vallgatan 20, 211 25 MALMÖ Växel: 08-50 65 33 00