Responsive Websites

Responsive Websites

  • What is a Responsive Website?
  • In layman's terms Responsive Web Design (RWD) is an approach to web design aimed at allowing desktop webpages to be viewed in response to the size of the device one is viewing with.  Bootstrap provides a set of stylesheets that provide basic style definitions for all key HTML components.  These provide a uniform, modern appearance for formatting text, tables and form elements.

  • Why is Responsive Website Important?
  • “Mobile to overtake fixed Internet access by 2014” was the huge headline summarising the bold prediction from 2008 by Mary Meeker, an analyst at Kleiner Perkins Caufield Byers who reviews technology trends annually in May.

    Well, the latest data shows that we are now well past the mobile tipping point.  So it's no longer a case of asking whether mobile marketing is important, we know it is!  It's now a question of using the statistics to understand how consumers behave when using different types of mobile devices and what their preferences are.

    The implications are clear - if you're not able to reach your audience through mobile search or display, or you're not providing a satisfactory mobile experience, you will miss out compared to competitors who are.

    The data shows that the majority of consumers are “multiscreening”, accessing retail sites on mobile or desktop, so consistent experiences across device need to be considered.

    However, with so many site visits still on desktop, it's important when designing using a responsive web design that the desktop experience isn't degraded and this has led to many businesses using an adaptive web design (as per Data Analytica Systems), where layout and content are tailored for desktop, tablet and smartphone screen dimensions.

  • How to Check if My Website Responsive?
  • There is a couple of simple tests to start with.  First check how your website looks on your mobile phone.  A responsive design should collapse down without needing to scroll left to right.  Text and images should still be legible and a menu option should be available (as per responsive website image) circled in red.  There should also be no horizontal scroll bar as per non responsive website image.  If in doubt, please contact us for a FREE check.

Responsive Website Design

Resposive Design

Non Responsive Design

Non Resposive Design