Download - Frukostseminarium jan Besökarna i fickan
![Page 1: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/1.jpg)
Dina besökarefinns i fickanFrukostseminarium 31 januari 2013
![Page 2: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/2.jpg)
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
![Page 3: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/3.jpg)
3
DINA BESÖKARE FINNS I FICKANSmartphone-försäljning jämfört med PC-försäljning
2012
2011
2010
2002
![Page 4: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/4.jpg)
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
![Page 5: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/5.jpg)
5
DINA BESÖKARE FINNS I FICKANLuke Wroblewski om att tänka mobilt först
Utgiven av A Book Apart, 2011
![Page 6: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/6.jpg)
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
![Page 7: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/7.jpg)
7
Att förstå nya beteendemönster
![Page 8: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/8.jpg)
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%
![Page 9: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/9.jpg)
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
![Page 10: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/10.jpg)
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
![Page 11: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/11.jpg)
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
![Page 12: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/12.jpg)
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
![Page 13: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/13.jpg)
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
![Page 14: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/14.jpg)
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
![Page 15: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/15.jpg)
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
![Page 16: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/16.jpg)
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
![Page 17: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/17.jpg)
17
Att tänka mobilt först
![Page 18: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/18.jpg)
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
![Page 19: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/19.jpg)
19
DINA BESÖKARE FINNS I FICKANFör att användarna förväntar sig det
![Page 20: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/20.jpg)
20
DINA BESÖKARE FINNS I FICKANWebbappen
![Page 21: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/21.jpg)
21
![Page 22: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/22.jpg)
22
DINA BESÖKARE FINNS I FICKANMobilwebben
![Page 23: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/23.jpg)
23
![Page 24: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/24.jpg)
24
DINA BESÖKARE FINNS I FICKANFöljsam – responsiv – webb
![Page 25: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/25.jpg)
25
Så arbetar en mobil redaktör
![Page 26: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/26.jpg)
26
![Page 27: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/27.jpg)
27
![Page 28: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/28.jpg)
28
![Page 29: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/29.jpg)
29
En checklista för mobil utveckling
![Page 30: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/30.jpg)
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
![Page 31: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/31.jpg)
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
![Page 32: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/32.jpg)
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)
![Page 33: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/33.jpg)
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
![Page 34: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/34.jpg)
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
![Page 35: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/35.jpg)
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
![Page 36: Frukostseminarium jan Besökarna i fickan](https://reader033.vdocuments.mx/reader033/viewer/2022061123/547419f2b4af9fae0a8b55ea/html5/thumbnails/36.jpg)
metamatrix.seSveavägen 31, 111 34 Stockholm | c/o Malmö Arena, Norra Vallgatan 20, 211 25 MALMÖ
Växel: 08-50 65 33 00