0
WordPress
och den responsiva webben
Internet har förändrats
“responsive”
Anpassar sig till maskinen
Saker som inte är sant
•

“Människor köper inte i mobilen”

•

“Människor vill inte ha samma information i
mobilen som på ...
Hur många använder
mobilt internet?
Internetanslutningar 2012
Fast bredband

Mobilt bredband

Mobilabonnemang

13%

58%

29%
Internetanslutningar 2012
Fast bredband

Mobilt bredband

Mobilabonnemang

15%

52%
33%
Internetanslutningar 2012
Fast bredband

Mobilt

15%

85%
Datatrafik över mobila nät
(terabyte)
180000
135000
90000
45000
0
2006

2007

2008

2009

2010

2011

2012
Bygga för mobila nät
Mobila nätet
(2G/3G)

250ms

<10ms
WordPress?
•

Skickar få filer

•

W3 Total Cache

•

Förminskar bilder

•

Slå på Gzip

•

Stöd för cache

•

Använd få ti...
Designa för många
olika skärmar
Hur ser det ut idag?
Bättre lösningar
Microsoft Build
SVT.se
Mashable
bokcirklar.se
The Onion
Google Cards
Navigeringsmönster
“Gör inget”
“Hänvisa till sidfoten”
“Snabbfixen”
“Expandera nedåt”
“Expandera från vänster”
Vilka olika skärmar bör
man designa för?
Alla
Mobila enheter
320px - 1024px
jesper@oddalice.se
!

@jesperbylund
WordPress och den responsiva webben
WordPress och den responsiva webben
WordPress och den responsiva webben
WordPress och den responsiva webben
Upcoming SlideShare
Loading in...5
×

WordPress och den responsiva webben

196

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
196
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×