Responsive websites: in a nutshell.
Adapting your website layout to different screen sizes.
The best way to discover what a responsive website does? Play! You can try it out using your browser window and other web-enabled devices, like iPhones, Android handsets, tablet computers, netbooks - the list is growing all the time.
As you change the size of your browser window, you’ll notice columns collapsing into single paragraphs or breaking into multiple columns. Images will reduce in size and grids of thumbnails will adjust themselves to comfortably fill a new screen size - or disappear altogether.
We like to think of it as a way of extending a website – taking it from desktop viewing to devices with different screen sizes. Interacting with a website on a smaller screen or with a touch device is a different experience. For example, it’s easy to scroll vertically on a smartphone because people typically use one hand. So we adapt the layout to reflect this - even though a modern smartphone could display the full website.
What they're not.
An answer for specific mobile or on the move functionality.
Some businesses have customers with very specific needs, whether they’re sitting at their desk, on the sofa with a tablet or on the move using their smartphone. For example, a commuter is likely to be looking for a timetable or information about disruptions. In these cases it may be better to build a mobile or screen-specific website, or even a dedicated application. (We can help with that too.)
Wondering whether a responsive website is right for your business?
Here are some things to think about.
Over the last few years the way people access the web has evolved. A user may access the web on any number of devices in a single day – so your website needs to work well in several different screen sizes.
Visitors come to your website because of the content. Adjusting the layout will make the content more accessible and easier for them to digest.
Branding and interface design.
The design of your website should reflect how your visitors see it. It should help them navigate the site easily, and look great – whatever device they’re using. It’s worth thinking about how your brand adapts in these different contexts.
Building a responsive website based on your users’ needs is a cost-effective way to optimise your site for evolving web-browsing devices.