際際滷

際際滷Share a Scribd company logo
Responsive Web Design

Pau Moreno Mart鱈n
CTO a Trendtation
pau@trendtation.com
@paumoreno
El meu dia a dia i el vostre?


                 Imatge per kinect - http://flic.kr/p/9msU6c
2 Internets




El clssic                 El m嘆bil
   www.                         m.
 dispositius
A Trendtation (30 炭ltims dies):   >2500 mides de pantalla diferents
                                  32 mides amb >1000 visites
LInternet m嘆bil
Exemple: Mala assumpci坦 de mida de pantalla
LInternet m嘆bil
Sovint:
Versi坦 retallada de la web clssica
LInternet 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 pgina
Tots els continguts i funcionalitats
Preparat per a dispositius futurs
Mobile First
Filosofia m辿s que m竪tode
Audi竪ncia
Sobretaula                             Llancem nova versi坦
M嘆bil x 3




             Abril 2012    Juny 2012                         Octubre 2012
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
trendtation.com
@Trendtation
facebook.com/trendtation

More Related Content

Responsive web design