One of the latest trends in website development is something called responsive website design, but what is it and why should it matter to the average user?
Responsive website design
Standard websites are designed for a fixed width to ensure they display correctly on the largest range of desktop / laptop computers, the size that currently fits the most devices is 960px wide. This method ensures websites look the best on as many computers as possible, on smaller screens it fits snugly on normal / average screens it will have a background on each side of the page and on larger screens it will have more background space.
In recent years the boom in mobile devices that can access the internet has increased meaning that users are accessing websites on devices with a wide range of screen sizes and a simple one size fits all approach is no longer viable.
Mobile phone web access has grown dramatically in recent years, rising from 0.2% of all UK web traffic in 2009 to 15% in 2011 Source
The solution to this problem is responsive website design, this method of creating websites involves the design responding to the different screen sizes, the response to smaller screen sizes could be to reduce the size of images or simply remove sections of the website. If you want to see it in action grab the bottom right of the screen and reduce the width of the widow – this website is responsive reducing the width will reduce the size of the logo and remove the side bar before finally changing the navigation to a suitable format for use on smaller screens.
The above images show this website and how it appears on a laptop and on a mobile phone, the advantage of responsive design is that the same website can be used on a range of different devices.
Why should I care?
There are 2 main reasons website owners should be interested in responsive website design, the first is the fact that mobile internet browsing is a rapidly expanding market meaning meaning there is a large numbers of users accessing your website on a mobile device.
The second reason is that a responsive website is a much cheaper option then creating a bespoke proprietary app and has the advantage of working across all mobile platforms making it the most efficient option for people considering converting their website into an app.
Can my website be made responsive? and what should I do next?
Some websites are more suited to being made responsive then others but as long as your site is built using modern web standards (mainly CSS and defiantly not using tables!) then it should be possible to make it responsive.
If you are interested in getting help upgrading your website to be responsive then start thinking about which elements you will re-size and which you will get rid of. Then talk to your web designer who will be able to offer advice, if you need help or want me to offer advice on if its possible to upgrade your website then please feel free to get in contact with me either through this website or via my work as a web developer at Simpsons Creative
Blog post by Alex Wells
Working as a Website developer I love nothing more then working waist deep in code, I have specific interests in PHP and WordPress development but mostly working with local businesses to provide them with a website that meets their needs. Contact me if you have a project in mind and would like to get an input from an experienced website developer.