frukostseminarium jan besökarna i fickan

Dina besökarefinns i fickanFrukostseminarium 31 januari 2013

2

DINA BESÖKARE FINNS I FICKANTrafiktillväxten i Sverige för mobila datatjänster

2009

2011

2012

2008Nedladdade terrabyte per år, källa:

Internetstatistik

3

DINA BESÖKARE FINNS I FICKANSmartphone-försäljning jämfört med PC-försäljning

2012

2011

2010

2002

4

DINA BESÖKARE FINNS I FICKANTänk 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

5

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

Utgiven av A Book Apart, 2011

6

DINA BESÖKARE FINNS I FICKAN

»Att förstå nya beteendemönster»Tänk mobilt först»Så arbetar en mobil redaktör»En checklista för mobil

utveckling

Agenda

7

Att förstå nya beteendemönster

8

DINA BESÖKARE FINNS I FICKANVad gör användarna med sin mobila enhet?

Källa: Google

Kollar e-post 74%

Facebookar 68%

Surfar 85%

9

DINA BESÖKARE FINNS I FICKAN

»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

10

DINA BESÖKARE FINNS I FICKAN

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

Att förstå användarnas beteendemönster

11

DINA BESÖKARE FINNS I FICKAN

»Sekventiellt – Vi byter mitt i ett flöde

»Samtidigt – Vi ”multitaskar” eller kompletterar

Att förstå användarnas beteendemönster

12

DINA BESÖKARE FINNS I FICKAN

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

Att förstå användarnas beteendemönster

13

DINA BESÖKARE FINNS I FICKANAtt förstå användarnas beteendemönster

17

30

3943

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

14

DINA BESÖKARE FINNS I FICKANAtt förstå användarnas beteendemönster

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

Källa: The New Multi-Screen World

15

DINA BESÖKARE FINNS I FICKANAtt förstå användarnas beteendemönster

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.

Källa: The New Multi-Screen World

16

DINA BESÖKARE FINNS I FICKANAtt förstå användarnas beteendemönster

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

Källa: The New Multi-Screen World

17

Att tänka mobilt först

18

DINA BESÖKARE FINNS I FICKANSkillnaden mellan mobilwebb och följsam – responsiv – design

Följsam design MobilwebbFöljsam design för olika skärmstorlekar Smartphoneanpassad design

Allt innehåll presenteras i samma mallar

Utvalt innehåll presenteras i specifika mallar

Utvecklas på standards och öppna ramverk

Specifika lösningar för specifika behov

19

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

20

DINA BESÖKARE FINNS I FICKANWebbappen

21

22

DINA BESÖKARE FINNS I FICKANMobilwebben

23

24

DINA BESÖKARE FINNS I FICKANFöljsam – responsiv – webb

25

Så arbetar en mobil redaktör

26

27

28

29

En checklista för mobil utveckling

30

DINA BESÖKARE FINNS I FICKAN

»Strategin är att tänka mobilt först– Följsam design är en lösning (av många)

Checklista - strategi

Strukturera utifrån innehåll

Utgå från användarna –

inte teknikenUtvärdera plattformar och ramverk

31

DINA BESÖKARE FINNS I FICKAN

»Innehåll är navigation– Topp- och vänstermenyer får en helt annan funktion

Checklista – användarupplevelsen

Basera gränssnitt

på gester och rörelser(också)

Använd intedialogrutor och pop-ups

Basera koncept för både bästa

och sämsta scenariot

32

DINA BESÖKARE FINNS I FICKAN

»Teknikanvändning är en designfråga– Dålig design är det samma som långsamma webbtjänster

Checklista – visuell design

Tänk igenom användning av bilder

Testa tidigt – både inne i appar och i webbläsaren

Tänk i flöden,inte i sidor(kasta Photoshop-mallen)

33

DINA BESÖKARE FINNS I FICKAN

»Designval blir teknikfrågor– Dålig design kan resultat av önsketänkande i utvecklingsprocessen

Checklista – visuell design

Välj kodstandard efter krav påtillgänglighet

Implementera visuell design omsorgsfullt

Ha tydliga prestandakrav och var sparsam med serveranrop

34

DINA BESÖKARE FINNS I FICKAN

1. Ta fram strategier för användbarhet– Analysera målgruppen (inte tekniken) och tänk mobilt först

2. Välj ramverk för ”design för alla”– Ta fram interaktionsdesign baserad på standards och vedertagna metoder

3. Slå fast principer för navigation– Innehållet kommer före formen

4. Designa omsorgsfullt– Ny regler gäller för typografi, bilder, media … och tänk utanför skärmen!

5. Utveckling baserad på standards– Specialanpassning skapar teknisk skuld i den framtida utvecklingen

Sammanfattningsvis – tänk mobilt först

35

DINA BESÖKARE FINNS I FICKAN

»Content is faktiskt fortfarande king

Framöver på Metamatrix

Välkomna den14 februari 2013kl 9.00 – 10.00

metamatrix.seSveavägen 31, 111 34 Stockholm | c/o Malmö Arena, Norra Vallgatan 20, 211 25 MALMÖ

Växel: 08-50 65 33 00