1. Responsive Web Design
Pau Moreno Martín
CTO a Trendtation
pau@trendtation.com
@paumoreno

2. El meu dia a dia… i el vostre?
Imatge per kinect - http://flic.kr/p/9msU6c

3. 2 Internets
El “clàssic” El mòbil
www. m.

4. ∞ dispositius
A Trendtation (30 últims dies): >2500 mides de pantalla diferents
32 mides amb >1000 visites

5. L’Internet mòbil
Exemple: Mala assumpció de mida de pantalla

6. L’Internet mòbil
Sovint:
Versió retallada de la web clàssica

7. L’Internet mòbil
Exemple: Retallada de continguts

8. Una proposta nova
Responsive Web Design (2010)

9. 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

10. Mobile First
Filosofia més que mètode

11. Audiència
Sobretaula Llancem nova versió
Mòbil x 3
Abril 2012 Juny 2012 Octubre 2012

12. Algunes xifres més
Visites des
de mòbils Taxa de rebot Temps al site
Maig
2012 12% 41% 5m 18s
49% 3m 56s
Octubre
2012 21% 31% (+10%) 6m 53s (+1m 35s)
39% (+10%) 4m 28s (+32s)
Sobretaula
Mòbil

13. trendtation.com
@Trendtation
facebook.com/trendtation