WordPress och den responsiva webben

WordPressoch 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

58% 29%

13%

Fast bredband Mobilt bredband Mobilabonnemang

Internetanslutningar 2012

52%

33%

15%

Fast bredband Mobilt bredband Mobilabonnemang

Internetanslutningar 2012

85%

15%

Fast bredband Mobilt

Datatrafik över mobila nät (terabyte)

0

45000

90000

135000

180000

2006 2007 2008 2009 2010 2011 2012

Bygga för mobila nät

Mobila nätet (2G/3G)

250ms <10ms

WordPress?

• Skickar få filer

• Förminskar bilder

• Stöd för cache

• W3 Total Cache

• Slå på Gzip

• 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