Den 27 september 2012 höll Metamatrix ett frukostseminarium med rubriken "Dina besökare finns i fickan". Petter Schaffer, strateg och VD, på Metamatrix föreläste om trender och vägval inom mobila webben
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
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
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
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