Responsive websites, mobile first design

Web design trends - mobile first design and fluid layouts

Mon 20th Mar 2017

Being responsive has been, and continues to be, one of the biggest shifts in web design in recent years because it is a result of the biggest shift in how users interact with websites. Not least becasue of Google's 'Mobilegeddon' (21 April 2015) which started to boost the rankings of mobile-friendly websites in mobile search results.

Mobile Apps

When smart phones first took off, the predictions were that 'app' versions of websites would be the future of the mobile web. This involves people downloading the app version of a website to their phones and it makes sense for big retailers such as Amazon, John Lewis or Topshop, but it is much less relevant for SMEs, it is quite a lot to ask your potential customers to dedicate precious phone storage to an app for your business.

Mobile First Design

Such a large volume of web traffic is now mobile that websites are often designed 'mobile first' which means that the mobile version of the site is designed before the desktop version. Mobile versions of websites are simpler and more to the point than their desktop counterparts, not just because there is less space on a mobile screen but also because speed and ease of use are key factors in the user experience. Designing mobile first is a great way to collate and prioritise content, it forces you to consider the structure and hierarchy of content.

Fluid Layouts

Fluid layouts have become one of the best ways to cater for the ever increasing number of devices that are used to access the internet. From smart phones and phablets, to laptops and ultra high-def monitors, fluid websites 'flow' to fit the width, and sometimes height, of the browser window or device used to view the page.

Is your website responsive? Does it work well on all devices?

I've been working with SMEs around Suffolk and Essex for over six years, if you would like to discuss how I could help you contact me.

by Rachel Watson