The range of devices that are capable of accessing web-based content has exploded in the past few years. Wide screens, tall screens, small screens, no screen at all. Back in 2012 it was estimated that 8.7 billion devices were internet-connected. Devices such as mobile phones and tablets have driven this growth. Traffic from mobile devices now far exceeds that of desktop computers and laptops. Mobile visits accounted for 52.67% of website visits vs. 43.2% from desktop computers as recorded by statcounter as of August 2018.
Due to the vast range of devices accessing the internet it became important to adapt website content to display correctly on varying screen sizes. Responsive web design was born. A website that has been adapted to be responsive will display it’s content appropriately depending on the size of the screen it is displayed on. For example, it may be possible to display content across multiple columns on a large screen, a smaller screen may only be able to display one column. Visit our website on a mobile phone and again on a desktop computer. Can you see how it adapts? Websites that have not been coded in this way may have content hidden off screen, very small or large content sizes may appear or images may appear too big.
While it can be difficult to keep your own web properties up to date there are many commercial reasons for doing so. Crane Interactive are experts in responsive design and have experience in adapting older code to be responsive. Please get in touch if we can be of assistance. Some reasons for investing in responsive design are described below.
1. Search Engine Optimisation (SEO)
As the growth of mobile website visits continues search engine algorithms have had to adapt to deliver the most relevant results. If a website has not had the work needed to be responsive they may now rank lower in search results. The goal of a search engine is to display the most relevant content possible for their customer’s searches. How relevant content is rendered on the device performing the search will be a key factor when ranking results.
2. Faster page load times
When accessing a website from a mobile phone it can be infuriating if the page takes a long time to load or the website is difficult to navigate due to complicated menus. These items are a factor in responsive web design. Pages and images are optimised for the device they are being viewed on. Content and images can be optimised to load quickly even when accessed from often slower mobile networks.
Website menus can be very difficult to navigate from a mobile phone web browser. This is improved by offering large targets for fingers to tap rather than small font sizes and drop down menus. Responsive web design allows menus to be displayed in the most appropriate way depending on the device you are visiting from.
3. Improved conversion rates
What works on a desktop display might not work so well on a mobile phone. You may use a pop-up box requesting that the visitor signs up for a newsletter. On a desktop these can be quickly submitted or dismissed by the visitor as they have a physical keyboard and mouse available to them. On a phone it can be difficult to hit the ‘X’ button or type out your email address. You may offer this option with a button instead. With responsive design you can have the best of both worlds and display the functionality of your website in the most appropriate way.
4. Lower maintenance cost
Before responsive design it was best practice to maintain a separate website targeted at mobiles. The cost of maintaining two websites aimed at different devices is unnecessarily expensive. Maintaining one website that responds to the device it is being viewed on is best practice and reduces costs.
5. Future proofing
Many new devices come to market each year. The advantage of a responsive website is that unless there is a huge step-change in web standards you won’t need to adapt your site design again and again. For a one off cost you can future proof your site so it works correctly on the latest tech.
We would be delighted to take a look at your website and work with you to improve it’s responsive design. If we can be of assistance please get in touch.