wordpress och den responsiva webben
DESCRIPTION
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.TRANSCRIPT
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