What is Responsive Web Design?

Responsive Web Design makes your web page look good on all devices. It’s about giving your customers the content they want, where they expect it to be, no matter the device they use…

Until relatively recently websites could be built to a set width, 960px for example, and still allow for a consistent experience for its users. This method would be suitable for smaller screened laptops without the need for users to scroll horizontally, and still be suitable for larger desktop monitors, giving them a margin either side of the website content.

However, in 2012, with the rise of the smart device market, a new phrase was coined “Responsive Web Design” (Marcotte, 2012). In his article on ‘A List Apart‘, Marcotte took three existing techniques; Flexible Grid, Fluid Images and the use of Media Queries, and consolidated them into one unified approach. The use of this technique allows websites to be designed and built with the consideration of all of its potential users in mind.

Responsive Web Design is about using CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen:

Responsive Web Design

Why go responsive?

It can be argued that there is no need to build responsive websites, as ordinary desktop websites can be displayed on any device. However, the reason we design websites with the potential audience in mind is to ensure that all of the visitors have the most simple and straightforward experience possible. Users should not have to think about how they should use a website, it should simply come as second nature. If it does not, they will simply leave the website and find something more appropriate.

Yes, a website designed for desktop users will display on smartphones and tablets, but text will be so small the user will have to zoom in to read it, then scroll horizontally to see the last few words of each sentence, then they must zoom back out if they would like to find another part of the page, then zoom back in to view an image at full width, they will struggle to select the appropriate navigation link, as they are so small in comparison to the tip of the users finger. This constant battle with the page will soon frustrate users, resulting in them leaving the website. With the introduction of the responsive web design technique, comes a new era of web design, which puts the needs of the users first.

In short, your website should look good, be easy to use and navigate, and be lightening quick no matter which device your potential customer decides to view it on.

How I can help

Every website I design and build has the end user in mind.  A responsive website comes as standard as part of the service I offer to my clients, allowing their customers to get the absolute best experience when visiting their website.  Contact me to find out how I can do the same for your business.

DK Web Design - Logo

What I Do

Hi, I'm Dan...I specialise in creating bespoke marketing information sites and small e-commerce (shop) websites. Tailored to marketing or selling your products or services successfully online.
Web Design - Tailored To You

Latest Tutorials

Latest Posts

%d bloggers like this: