Design fish bowls

Published on November 11th, 2013 | by Jennifer Sherwood

4

Does Your Business Need a Responsive Website Design?

If your business has a website, you’ve probably been hearing a lot about responsive design lately. After all, Mashery has called 2013 the Year of Responsive Web Design. But, what exactly is responsive design and how can it make your website better?

In a totally non-techy nutshell, responsive design means that elements on the page will be resized or the layout reconfigured so that your content looks good and is easy to read no matter what screen size it’s displayed on, whether its a desktop, laptop, tablet, or phone.

The news satire site The Onion is a good example. Here’s what happens as I make my browser window narrower to simulate smaller screens.

The original layout is three columns, then changes to two columns, then finally one column.

onion1

onion2

onion3

You can see that as I made my browser window narrower, the content automatically rearranged itself from three columns, to two columns and then one column. This ensures that it’s easy to read and navigate whether I’m reading on a big desktop screen or a small phone screen.

How does this magic happen? There are three main principles:

  • Fluid grids. The different elements on a webpage are laid out on a grid and sized based on relative units like percentages, rather than absolute units, like number of pixels.
  • Flexible images. Images are also sized relatively, to keep them from “barging in” on other parts of the grid on a different screen size.
  • Media queries. This is just a fancy way of saying that your site can detect the device that it’s being displayed on, and automatically adjust its size and layout accordingly.

So is responsive design just the latest fad, or something you really need consider?  According to Pew Internet, 63% of adult mobile phone owners use their phone to go online, and 34% of those who go online with their phone do so mostly from their phone, and don’t use a desktop or laptop computer for internet access. And research firm IDC estimates that more people will access the internet through a mobile device than a PC.

Take a look at this chart, also from IDC.

IDC-2

They’ve forecasted the market share of internet-connected devices with different screen sizes. The smaller the screen size, the larger the expected increase in prevalence over the next few years. So, yes, you definitely need to think about how your site looks on a variety of screen sizes. When you build your site using responsive design, there’s no need to create different versions for all the potential screens out there. Like a fish in a bowl, the content will grow only as large as the space allows.

Obviously, there’s a lot more to creating a responsive website. If you’d like more information, check out Responsive Web Design by Ethan Marcotte, who is considered to be the “father” of responsive design.

If you do decide to implement responsive design, unless you’re a web-coding guru, you will need to hire someone to help. Responsive design is still relatively new, so when hiring a web designer, make sure they can not only explain responsive design and how it would benefit your particular site, but also show you examples of responsive sites they’ve created.

Are you considering a responsive design for your site? Share in the comments!

© 2013, VerticalResponse Blog. All rights reserved. Unauthorized use and/or duplication of this material without express and written permission from this blog’s author and/or owner is strictly prohibited.

Tags: , , , , , , ,


About the Author

Jennifer Sherwood

is the Director of Product Marketing at VerticalResponse.



4 Responses to Does Your Business Need a Responsive Website Design?

  1. Nice post about website designing. It is really important to design a website in such way that users will find it interesting. Formatting of text, images and menu bar for navigation should be visually appealing to users. Nowadays users are accessing the internet using different devices, so device compatibility and browser compatibility should be there.

  2. Rob Parker says:

    With a variety of different products in the market that provide various ways to view your website, responsive web design is becoming more and more important. This provides maximum benefits for the viewer regardless of the device they are using

  3. Grover says:

    There are many good reasons why you should use responsive design for your business. In order to improve the online presence of your business, responsive web design is the key.

  4. Jennifer, Great job on this article. It explains what responsive website design is, without the technical jargon. It’s also great that you provided stats so that we get a grasp of just how important it is to have responsive web design these days.

Back to Top ↑