Besökarna finns i fickan

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

3

DINA BESÖKARE FINNS I FICKAN

Ny teknik och nya arbetssätt

4


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

http://www.youtube.com/watch?feature=player_detailpage&v=VCrmKJjeJPI

7


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

mailto:http://www.lukew.com/ff/entry.asp?1626

mailto:http://www.lukew.com/ff/entry.asp?1626

8


Luke Wroblewski om att tänka mobilt först

Utgiven av A Book Apart, 2011

9


Trafiktillväxten i Sverige för mobila datatjänster

2009

2010

2011

2008 Terrabyte per år, källa: Internetstatistik

mailto:http://www.internetstatistik.se/artiklar/101000-terabyte-data-i-mobilnaten-under-2011/

10


Vad gör användarna med sin mobila enhet?

Källa: Google

Kollar e-post 63%

Facebookar 62%

Surfar 85%

mailto:http://services.google.com/fh/files/blogs/our_mobile_planet_sweden_sv.pdf

11


»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

Hur ser det ut för svenskarna på internet?

Källa: .Se – Svenskarna och

internet

mailto:https://www.iis.se/docs/SOI2011.pdf





12

Dags att tänka mobilt först för att

användarna förväntar sig det

13


För att användarna förväntar sig det

14



15



»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

16


»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

Att förstå användarnas beteendemönster

17


»Besökaren använder olika enheter

under en dag och växlar mellan dem

hela tiden


18


»Sekventiellt – Vi byter mitt i ett flöde

»Samtidigt – Vi ”multitaskar” eller kompletterar


19


»Fyra faktorer avgör vårt val – Tillgänglig tid

– Fysisk plats

– Känslan för stunden

– … och vårt mål


20



17

30

39

43

Så många minuter av vår fritid

spenderar vi när vi använder olika

enheter på en dag

Källa: The New Multi-Screen World

mailto:http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/





21



17

30

39 På jobbet och hemma

Uppgiftsorienterat

Kräver tid och fokus

På väg, men också hemma

Kommunikation och kontakter

Kort information på kort tid

Mest hemma

Bläddrande och underhållande

Avspänt användande på fritiden







22



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

Om jag tittar på TV orkar jag

inte resa mig upp för att hämta

min dator, utan jag tar bara

fram telefonen.







23



Söker och surfar

65%

60%

4%

Shoppar

63%

58%

5%

Reseplanerar

47%

45%

3%

Går till banken

59%

56%

3%

Facebookar

66%

58%

8%

1

2

3







24



25


»Alla dessa termer – Mobilwebb

– Mobilepack

– Adaptiv design

– Responsiv design

– Stilmallar

– Sidmallar

– Ramverk

– …

Att välja rätt teknik för den mobila upplevelsen

26


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

upplevelsen

Att tänka mobilt först – en responsiv design

A

B

C

A

B C

27


Mobilwebb

28


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)

29


Responsiv design

30


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

31



32


»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

Mobilt först är inte bara responsiv design

33


»Content is faktiskt fortfarande king

Framöver på Metamatrix

Välkomna den

22 november 2012

kl 9.00 – 10.00

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

Documents

Besökarna finns i fickan