Your SlideShare is downloading. ×
Responsive web design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Responsive web design

172
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
172
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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