SlideShare a Scribd company logo
1 of 35
Download to read offline
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?
WordPress och den responsiva webben
WordPress och den responsiva webben
WordPress och den responsiva webben
WordPress och den responsiva webben
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

More Related Content

Similar to WordPress och den responsiva webben

Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Erik Ekholm
 
Frukostseminarie 8 Maj
Frukostseminarie 8 MajFrukostseminarie 8 Maj
Frukostseminarie 8 Majwickedone
 
Responsive ur ett affärsperspektiv
Responsive ur ett affärsperspektivResponsive ur ett affärsperspektiv
Responsive ur ett affärsperspektivDaytona
 
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...SiteVision AB
 
Inledning hybrid it
Inledning hybrid itInledning hybrid it
Inledning hybrid itExcantoAB
 
Acando Inspiration Day - Microsoft
Acando Inspiration Day - MicrosoftAcando Inspiration Day - Microsoft
Acando Inspiration Day - MicrosoftAcando Sweden
 
Microsoft - Acando Inspiration Day
Microsoft - Acando Inspiration DayMicrosoft - Acando Inspiration Day
Microsoft - Acando Inspiration DayAcando Sweden
 
Induo årskrönika 2011
Induo årskrönika 2011Induo årskrönika 2011
Induo årskrönika 2011Induo AB
 
Mattias Sjovall IDG Frukostseminarie 23 maj 2013
Mattias Sjovall IDG Frukostseminarie 23 maj 2013Mattias Sjovall IDG Frukostseminarie 23 maj 2013
Mattias Sjovall IDG Frukostseminarie 23 maj 2013Mattias Sjovall
 
Makrotrender stian holst
Makrotrender   stian holstMakrotrender   stian holst
Makrotrender stian holstBjørn Sloth
 
Logicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 KarlskronaLogicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 KarlskronaCGI Sverige
 
Mobile cross platform development
Mobile cross platform developmentMobile cross platform development
Mobile cross platform developmentSigma IT Management
 
Mobil Strategi Mobila mediadagen juni 2012 Deasign
Mobil Strategi Mobila mediadagen juni 2012 DeasignMobil Strategi Mobila mediadagen juni 2012 Deasign
Mobil Strategi Mobila mediadagen juni 2012 DeasignAnnaGullstrand
 
Designstrategier för en ny digital värld
Designstrategier för en ny digital världDesignstrategier för en ny digital värld
Designstrategier för en ny digital världGabriel Svennerberg
 
Vad är mobilitet och vad har du för nytta av det
Vad är mobilitet och vad har du för nytta av detVad är mobilitet och vad har du för nytta av det
Vad är mobilitet och vad har du för nytta av detPatrik Malmquist
 

Similar to WordPress och den responsiva webben (20)

Internet
InternetInternet
Internet
 
Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06
 
Frukostseminarie 8 Maj
Frukostseminarie 8 MajFrukostseminarie 8 Maj
Frukostseminarie 8 Maj
 
Responsive ur ett affärsperspektiv
Responsive ur ett affärsperspektivResponsive ur ett affärsperspektiv
Responsive ur ett affärsperspektiv
 
Dagens mobila samhälle
Dagens mobila samhälleDagens mobila samhälle
Dagens mobila samhälle
 
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
 
Inledning hybrid it
Inledning hybrid itInledning hybrid it
Inledning hybrid it
 
Acando Inspiration Day - Microsoft
Acando Inspiration Day - MicrosoftAcando Inspiration Day - Microsoft
Acando Inspiration Day - Microsoft
 
Microsoft - Acando Inspiration Day
Microsoft - Acando Inspiration DayMicrosoft - Acando Inspiration Day
Microsoft - Acando Inspiration Day
 
Vattenfall 20121026
Vattenfall 20121026Vattenfall 20121026
Vattenfall 20121026
 
Sj 20121024
Sj 20121024Sj 20121024
Sj 20121024
 
Induo årskrönika 2011
Induo årskrönika 2011Induo årskrönika 2011
Induo årskrönika 2011
 
Mattias Sjovall IDG Frukostseminarie 23 maj 2013
Mattias Sjovall IDG Frukostseminarie 23 maj 2013Mattias Sjovall IDG Frukostseminarie 23 maj 2013
Mattias Sjovall IDG Frukostseminarie 23 maj 2013
 
Makrotrender stian holst
Makrotrender   stian holstMakrotrender   stian holst
Makrotrender stian holst
 
Logicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 KarlskronaLogicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 Karlskrona
 
Mobile cross platform development
Mobile cross platform developmentMobile cross platform development
Mobile cross platform development
 
Mobil Strategi Mobila mediadagen juni 2012 Deasign
Mobil Strategi Mobila mediadagen juni 2012 DeasignMobil Strategi Mobila mediadagen juni 2012 Deasign
Mobil Strategi Mobila mediadagen juni 2012 Deasign
 
Adimo presentation me mo
Adimo presentation me moAdimo presentation me mo
Adimo presentation me mo
 
Designstrategier för en ny digital värld
Designstrategier för en ny digital världDesignstrategier för en ny digital värld
Designstrategier för en ny digital värld
 
Vad är mobilitet och vad har du för nytta av det
Vad är mobilitet och vad har du för nytta av detVad är mobilitet och vad har du för nytta av det
Vad är mobilitet och vad har du för nytta av det
 

WordPress och den responsiva webben