Responsive (Mobile) Design
7
Responsive (Mobile) Design What is this? Why Should You Care?
description
Responsive (Mobile) Design. What is this? Why Should You Care?. How?. Optimize the Layout Adapt the content that is visible Shoot for 2-3 clicks Make your text bigger Simplify the buttons/navigation What does your user need?. How?. Geek Speak: Style sheets (CSS) Flexible Grids - PowerPoint PPT Presentation
Transcript of Responsive (Mobile) Design
Responsive (Mobile) DesignWhat is this? Why Should You Care?
How? Optimize the Layout Adapt the content that is visible
Shoot for 2-3 clicks Make your text bigger Simplify the buttons/navigation What does your user need?
How? Geek Speak:
Style sheets (CSS) Flexible Grids Media Queries
Change your thinking. Phone first, then…
Tablet Desktop
Create in chunks Think in %, not pixels Start Small
Do a Landing Page
Examples
Examples
Some Sources http://
www.adobe.com/devnet/html5/articles/ten-things-you-need-to-know-about-responsive-design.html
http://trentwalton.com/2012/02/02/redefined/