WordPress och den responsiva webben

402 views

Published on

A run down of how and why we should be building responsive web, especially on WordPress. Created for Internetdagarna 2013 in Sweden so all swedish stats.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
402
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
2
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

WordPress och den responsiva webben

  1. 1. WordPress och den responsiva webben
  2. 2. Internet har förändrats
  3. 3. “responsive” Anpassar sig till maskinen
  4. 4. Saker som inte är sant • “Människor köper inte i mobilen” • “Människor vill inte ha samma information i mobilen som på datorn” • “Olika gränssnitt skapar olika behov”
 
 (http://globalmoxie.com/jhc/prez/mobile-myths.pdf)
  5. 5. Hur många använder mobilt internet?
  6. 6. Internetanslutningar 2012 Fast bredband Mobilt bredband Mobilabonnemang 13% 58% 29%
  7. 7. Internetanslutningar 2012 Fast bredband Mobilt bredband Mobilabonnemang 15% 52% 33%
  8. 8. Internetanslutningar 2012 Fast bredband Mobilt 15% 85%
  9. 9. Datatrafik över mobila nät (terabyte) 180000 135000 90000 45000 0 2006 2007 2008 2009 2010 2011 2012
  10. 10. Bygga för mobila nät
  11. 11. Mobila nätet (2G/3G) 250ms <10ms
  12. 12. WordPress? • Skickar få filer • W3 Total Cache • Förminskar bilder • Slå på Gzip • Stöd för cache • Använd få tillägg • Minimera antalet anrop
  13. 13. Designa för många olika skärmar
  14. 14. Hur ser det ut idag?
  15. 15. Bättre lösningar
  16. 16. Microsoft Build
  17. 17. SVT.se
  18. 18. Mashable
  19. 19. bokcirklar.se
  20. 20. The Onion
  21. 21. Google Cards
  22. 22. Navigeringsmönster
  23. 23. “Gör inget”
  24. 24. “Hänvisa till sidfoten”
  25. 25. “Snabbfixen”
  26. 26. “Expandera nedåt”
  27. 27. “Expandera från vänster”
  28. 28. Vilka olika skärmar bör man designa för?
  29. 29. Alla
  30. 30. Mobila enheter 320px - 1024px
  31. 31. jesper@oddalice.se ! @jesperbylund

×