the pros and cons of responsive design

Post on 15-Jan-2015

5.239 Views

Category:

Technology

3 Downloads

Preview:

Click to see full reader

DESCRIPTION

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.

TRANSCRIPT

Pros and Cons of Responsive DesignApril 2012

2

1. Responsive Design2. A Case Study

3. Lessons Learned

How did we get

Here?

4Mobile First, Luke Wroblewski, October 2011

5Mobile First, Luke Wroblewski, October 2011

6Mobile First, Luke Wroblewski, October 2011

7Mobile First, Luke Wroblewski, October 2011

A new device

every day

The Promise – One Website, All Devices

From this

To this:

From this

To this:

Confidential, © 2010 Mobomo LLC

17

Pros and Cons

Pros• Single version• Less maintenance• Sharing links works

across all platforms and devices

• Future-ready• Not just about the

device (narrow desktop use)

• Mobile first – content strategy

Cons• Technical

– Development time and resources

– Cross-browser and device compatibilities

– Loading times– 508 compliance (image

resizing and hide/show)

• Content– Different devices /

different objectives– Content is not necessarily

mobile-friendly

Thank You – Q&A

Ken FangPresident

(703) 675-3607ken.fang@mobomo.com www.mobomo.com

top related