Make sure your website is responsive

Responsive Web Design

What is Responsive Web Design? RWD?

responsive webdesign

Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).

Responsive web design – Wikipedia, the free encyclopediaen.wikipedia.org/wiki/Responsive_web_design

Why is Responsive Web Design Important?

Over the last decade we have seen a massive change in type of device people are browsing the internet on. Now we are in a position where Smartphone and Tablet usage has passed that of the Desktop Computer and that trend is continuing. Therefore websites that do not display content in a user friendly way on mobile devices are quickly passed by for websites that do.

  • Numbers of browsers: So can you afford to potentially miss 50 % of internet browsers?
  • Search Engine Performance: More recently Google’s search engine ranking algorithms downgrade websites that are not mobile friendly.

The bottom line is that if you provide your browsers with an easy to use interface on their mobile devices, they are more likely to interact with your website. It’s the way to go.

mobile v desktop usage chart

How do I know if my website is built using RWD?

Firstly if you view your website on a mobile device and your website is not built with responsive design, the browser will try and just scale everything down and it will become to tiny to be of any practical use. A website that is built using responsive design will re arrange the content to display correctly.

On your desktop computer you should be able to drag the width of the window to replicate a similar effect. (see below)

Example of Responsive Web Design

example of responsive web design

Check your website

Drag your internet browser window to make it narrower, a responsive designed website will rearrange the content to fit the window. See how the menu changes in the example on the left. If the content does not resize then it is most likely not built using RWD.