Responsive

WHAT IS RESPONSIVE DESIGN?

Responsive design is an approach by website developers to ensure an optimal viewing and functional experience across a broad spectrum of devices. A responsive design should consider navigational elements, copy layout, readability, images, load speed and various other user experiences, ensuring that they adjust according to the size and dimensions of the device’s screen.

responsive

Tablet showing responsive page layout

WHY IS RESPONSIVE DESIGN IMPORTANT?

MORE USERS ACCESS THE INTERNET ON SMARTPHONES AND TABLETS THAN ON DESKTOP COMPUTERS

In early 2014 there was a shift in the way we view the internet, with the number of global users on mobile browsers surpassing those on desktop.

Today’s web accessible technology comes with a wide variety of screen sizes; smartphones, tablets, gaming consoles, smart TVs, e-readers are all increasingly being used to surf the web.

This growing range of devices means that websites can no longer be built with a one-size-fits-all approach, since this would leave many users struggling to navigate a digital landscape where user flow was clumsy and content didn t make sense or look very appealing.

GOOGLE FAVOURS MOBILE FRIENDLY WEBSITES

As of April 2015 Google s search ranking algorithm favours websites that are optimised for mobile browsers. This means that un-optimised websites may see a dip in search engine ranking pages, whilst responsive websites will be promoted.

MOBILE FIRST

For many projects I adopt the mobile-first approach to web design, which means that the site is built for the smallest browser experience first. ‘Mobile First’ doesn’t necessarily mean mobile is more important, but by starting with the mobile browser, we can be sure that we are focusing attention on the most important aspects of your website, ultimately helping us communicate the core messages we wish to convey, in a clear and concise manner.