What is responsive web design?

Responsive web design is the term used for a website that has been coded to respond to the screen size, or device, being used to view the website. The website is coded to optimally deliver the best user experience dependent on screen size and device whether that be desktop computer, tablet or smart phone.

Screen size is just one aspect of responsive web design. User interaction is different on tablets and smart phones, and this also needs to be taken into consideration when building a responsive website.

The server sends the same HTML code to all devices and CSS is used to change how the page is displayed on the device. This usually means the layout adjusts fluidly, fonts and images resize, and a more simple navigation menu is delivered to smaller screens. Sometimes, this also means different content is shown to provide the most optimal viewing experience.

Camstay Screenshots

Camstay Website – Luxury Serviced Apartments

Websites that are not responsive usually require the site visitor to manually resize or scroll to view content and interact with the site. This can lead to frustration and often results in them giving up and visiting a more user-friendly website.

In 2015, mobile internet use overtook desktop and other media for the first time. Over 60% of the population use a smart phone to view the Internet 2. The majority of this time is spent looking at websites vertically (rather than horizontally) 1.

  • Is your website responsive?
  • Is it providing the best user experience for your site visitors?
  • Does it deliver a clear call-to-action across a wide range of devices?

If you’re not sure, please email me for a free responsive web design assessment of your website.

References

  1. smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/
  2. marketingland.com/outside-us-60-percent-internet-access-mostly-mobile-74498

Sign up for my monthly newsletter