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å datorn”

•

“Olika gränssnitt skapar olika behov”



(http://globalmoxie.com/jhc/prez/mobile-myths.pdf)
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å tillägg

•

Minimera antalet anrop
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