The phenomenal growth in mobile phones has introduced a problem for designers and developers where there are now multiple, unstandardized mobile screen sizes used to display web content. Technologies based on Responsive Design where the page automatically scales to the width of the screen promises to alleviate these headaches. In this talk, we will explore the pros and cons of Responsive Design. In particular, we will explore issues such as cross-browser and device compatibilities, loading times, development time and resources, and accessibility compliance based on our experience with building large scale responsive design applications.

1. Pros and Cons of Responsive Design
April 2012

2. 1. Responsive Design
2. A Case Study
3. Lessons Learned
How did we get
Here?
2

4. 4
Mobile First, Luke Wroblewski, October 2011

5. Mobile First, Luke Wroblewski, October 2011 5

6. Mobile First, Luke Wroblewski, October 2011 6

7. Mobile First, Luke Wroblewski, October 2011 7

8. A new
device
every day

12. The Promise – One Website, All Devices

13. From this

14. To this:

15. From this

16. To this:

17. 17 Confidential, © 2010
Mobomo LLC

18. Pros and Cons
Pros Cons
• Single version • Technical
• Less maintenance – Development time and
resources
• Sharing links works – Cross-browser and device
across all platforms and compatibilities
devices – Loading times
– 508 compliance (image
• Future-ready resizing and hide/show)
• Not just about the • Content
device (narrow – Different devices / different
desktop use) objectives
– Content is not necessarily
• Mobile first – content mobile-friendly
strategy

19. Thank You – Q&A
Ken Fang
President
(703) 675-3607
ken.fang@mobomo.com
www.mobomo.com