Download - Mobilanpassning för nybörjare
![Page 1: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/1.jpg)
ABC för webbansvarigaMobilanpassning och responsive design
MINC 2014-11-20
ABC för webbansvariga: mobilanpassning
![Page 2: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/2.jpg)
Mobilanpassningoch responsive design
![Page 3: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/3.jpg)
Mobilt sök har växt med 400% sedan 2010 (siffran är från 2013)
2015 kommer det att finnas en mobil för varje människa på jorden
Fler människor använder internet via mobilen idag än via traditionell dator
Källa: http://web.mobeegen.com/whygomobile
![Page 4: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/4.jpg)
60% av användarna förväntar sig att en mobil webbsida laddar på 3 sekunder eller mindre
71%av användarna förväntar sig att en mobil webbsida laddas lika snabbt som en på vanlig dator
78%kommer att försöka ladda en mobilsida två gånger eller mindre om den inte laddar direkt
![Page 5: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/5.jpg)
Av vuxna har svurit åt sin telefon när en webbsida inte fungerar
Har vänt sig till en konkurrerander verksamhet efter en dålig mobil upplevelse
Skulle inte rekommendera verksamheter med en dålig mobil webbsida57%
40%
23%
$ $ $
Sources: Compuware, "What Users Want from Mobile," 2011
![Page 6: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/6.jpg)
Andel av de med mobil som dagligen använder sig av internet i mobilen. I åldersgrupperna mellan 16-45 år är siffrorna 73-85%.
Källa: www.soi2013.se.
![Page 7: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/7.jpg)
Mobilanpassning är inte längre en ny trend och ett specialfall som endast berör ett perifert segment av din målgrupp och marknad.
Mobil är numera det normala.
![Page 8: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/8.jpg)
Särskild mobilsajt eller responsive sajt?
MINC 2014-11-13
Sökmotoroptimering
![Page 9: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/9.jpg)
Särskild mobilsajt…
MINC 2014-11-13
Sökmotoroptimering
![Page 10: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/10.jpg)
Klickad länk på Twitter från DN:s chefredaktör. Han använder mobil – vi använder dator
Borde varit detta
![Page 11: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/11.jpg)
Framtiden kommer att erbjuda många ytor där ditt innehåll ska
synas
![Page 12: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/12.jpg)
MINC 2014-11-13
Mobilanpassning
Exempel på Responsive Design
![Page 13: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/13.jpg)
![Page 14: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/14.jpg)
![Page 15: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/15.jpg)
Reader Readerwww.site.com www.site.com
Title Title
Gatwick
![Page 16: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/16.jpg)
Reader Readerwww.site.com www.site.com
Title Title
Montreal
![Page 17: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/17.jpg)
Direndi.sevår försökskanin
(tack för att ni ställer upp)
Mobilanpassning
![Page 18: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/18.jpg)
Desktop (dator)
Mobilanpassning
![Page 19: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/19.jpg)
Tablet
Mobilanpassning
![Page 20: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/20.jpg)
Mobilanpassning
Mobile
![Page 21: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/21.jpg)
Hur skulle den se ut som responsive?
Mobilanpassning
![Page 22: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/22.jpg)
Desktop (dator)
Mobilanpassning
![Page 23: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/23.jpg)
Mobilanpassning
![Page 24: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/24.jpg)
Mobilanpassning
![Page 25: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/25.jpg)
Jämför… vad är skillnaden
Mobilanpassning
![Page 26: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/26.jpg)
NADA!
![Page 27: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/27.jpg)
![Page 28: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/28.jpg)
![Page 29: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/29.jpg)
Det var det.
![Page 30: Mobilanpassning för nybörjare](https://reader036.vdocuments.pub/reader036/viewer/2022070323/559b34e01a28ab44638b472a/html5/thumbnails/30.jpg)
Gilla Popolo på Facebook!
ABC för webbansvariga: Mobilanpassning