Dani Ward

Designer | Teacher | Consultant

Responsive Web Design

This post first appeared on Iconography on September 23, 2015, and it has been edited for this site.

The web is an ever-changing medium. Design styles come and go. Browsers constantly update, changing how they display design and code. Gone are the days where a website was only ever viewed on a desktop monitor (and when we could accurately predict what size that monitor might be!).

The world-wide web isn’t static anymore. I’m not sure it ever really was.

And your website shouldn’t be static, either.

What is responsive web design?

Put simply, responsive web design describes a site that has been designed to display a website’s content legibly and usably on any screen in any context without the viewer having to make any adjustments. The concept of responsive web design has been around for a long time, since the early 2000’s. But it wasn’t until 2010, when web designer and developer Ethan Marcotte coined the phrase in his ground-breaking article on the subject.

Why do I need responsive web design?

Until recently, it was common practice to design a website with only a desktop browser in mind. Designers would choose a width and height as their primary canvas for design, and developers would translate that design into an equally static webpage. There was little concern for how a website might look on different platforms, and it wasn’t unusual for mobile versions to be developed that stripped much of the functionality of the site.

As smart phones, tablets, and other forms of accessing the web became more and more prevalent, the static approach to web design presented lots of problems. It failed to respect the time and availability of users accessing the site on non-desktop platforms, which in turn negatively affected companies whose sites were failing to convert those users into customers or clients because of bad interface experiences. Creating multiple versions of the site was impractical, as no designer or developer can predict with certainty what screens people will be using.

Approaching a website responsively, however, concentrates on the user experience above all else. The design is conceived with the understanding that it will never look the same across browsers and screens and the acceptance that a design shouldn’t be identical everywhere. Instead, the focus becomes marrying a company’s brand with a user’s viewing needs — which creates a beautiful, usable, readable experience for all who visit your site.

Want to learn more?

Take a look at some of Icon Graphics’ responsive web designs, then connect with us. We’re happy to help.

Leave a Reply

Your email address will not be published. Required fields are marked *