responsive (mobile) design
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 PresentationTRANSCRIPT
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/