Responsive web design

299 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
299
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Responsive web design

  1. 1. Responsive Web DesignPau Moreno MartínCTO a Trendtationpau@trendtation.com@paumoreno
  2. 2. El meu dia a dia… i el vostre? Imatge per kinect - http://flic.kr/p/9msU6c
  3. 3. 2 InternetsEl “clàssic” El mòbil www. m.
  4. 4. ∞ dispositiusA Trendtation (30 últims dies): >2500 mides de pantalla diferents 32 mides amb >1000 visites
  5. 5. L’Internet mòbilExemple: Mala assumpció de mida de pantalla
  6. 6. L’Internet mòbilSovint:Versió retallada de la web clàssica
  7. 7. L’Internet mòbilExemple: Retallada de continguts
  8. 8. Una proposta novaResponsive Web Design (2010)
  9. 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. 10. Mobile FirstFilosofia més que mètode
  11. 11. AudiènciaSobretaula Llancem nova versióMòbil x 3 Abril 2012 Juny 2012 Octubre 2012
  12. 12. Algunes xifres més Visites des de mòbils Taxa de rebot Temps al siteMaig2012 12% 41% 5m 18s 49% 3m 56sOctubre2012 21% 31% (+10%) 6m 53s (+1m 35s) 39% (+10%) 4m 28s (+32s) Sobretaula Mòbil
  13. 13. trendtation.com@Trendtationfacebook.com/trendtation

×