6 Biggest Responsive Web Design Problems and How to Resolve Them

6 Biggest Responsive Web Design Problems and How to Resolve Them

Responsive web design is the most refreshing trend since the death of skeuomorphism. It saves time and money and makes websites better. 

Of course, nothing is perfect. 

In the short time that responsive design has been around, web producers have identified some problems with the practice. Thankfully, they've also identified solutions. Responsive Web Design - The Ongoing Trend in Web Design

Here's a look at the six most common problems and their solutions:

1.  It's a new web world for clients
Just when clients get comfortable with the design process, everything changes. Sometimes, you talk about a concept and they look at you as if you just told them the world is no longer round.

The solution: Show them how responsive web design works--don't simply tell them. After all, a picture is worth a thousand words. 

2.  Navigation has been recalibrated 
Horizontal navigation across the top and vertical navigation along the left side are long gone. Unfortunately, a navigation that works consistently across devices hasn't emerged.

The solution: Study similar sites. Emulate what might work. Then test it and test it again!

3. The future of images looks a bit fuzzy
The next generation of devices is (always) coming. This makes it hard for designers to ensure their images are optimized.

The solution: Stay flexible and do everything possible to ensure that high-density pixel devices don't look blurry.
4. Tables are no longer set
Tables, especially those containing complicated information or a lot of rows and columns, can wind up looking messy. 

The solution: Be creative and look for tables proven to work with responsive websites. They're out there--you just have to find them.

5. Internet Explorer
The problems with IE are well-documented. And while you probably wish it would just go away--especially the older versions--it's here to stay. 

The solution: You can phase out support for older versions, or you can develop a conditional IE style sheet. 

6. Testing 
In the long run, responsive website design saves time and money. But in the short term, figuring out how to test a site on the seemingly endless computers, devices and phones can be daunting.

The solution: Share information. Have a testing toolkit? Share it, and others will do the same for you. 

Recent Posts by Erica Miller


In order to comment on BlogHer.com, you'll need to be logged in. You'll be given the option to log in or create an account when you publish your comment. If you do not log in or create an account, your comment will not be displayed.