responsive web design
TRANSCRIPT
Responsive Web Design
Pau Moreno MartínCTO a [email protected]@paumoreno
El meu dia a dia… i el vostre?
Imatge per kinect - http://flic.kr/p/9msU6c
2 Internets
El “clàssic”www.
El mòbilm.
∞ dispositiusA Trendtation (30 últims dies): >2500 mides de pantalla diferents
32 mides amb >1000 visites
L’Internet mòbil
Exemple: Mala assumpció de mida de pantalla
L’Internet mòbil
Sovint:Versió retallada de la web clàssica
L’Internet mòbil
Exemple: Retallada de continguts
Una proposta nova
Responsive Web Design (2010)
Responsive Web Design
Només una lògica de direccions
Només una versió de cada pàgina
Tots els continguts i funcionalitats
Preparat per a dispositius futurs
Mobile First
Filosofia més que mètode
AudiènciaSobretaula
Mòbil x 3
Llancem nova versió
Abril 2012 Juny 2012 Octubre 2012
Algunes xifres més
Visites desde mòbils Taxa de rebot Temps al site
Maig2012 12% 41%
49%5m 18s3m 56s
Octubre2012 21% 31% (+10%)
39% (+10%)
6m 53s (+1m 35s)
4m 28s (+32s)
Sobretaula
Mòbil
[email protected]/trendtation