responsive web design

Responsive Web Design

Pau Moreno MartínCTO a Trendtationpau@trendtation.com@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

trendtation.com@Trendtationfacebook.com/trendtation