Mobile WebSite vs Responsive Web Design
Posted by adminDec 14
It’s been obvious for a while now that mobile internet use is on the rise, in fact some estimates suggest that as early as 2013, more people will use mobile devices to access the internet than desktop computers.
It’s equally obvious that if you’re building a website now, you need to think about accommodating mobile users.
Until recently, accommodating mobile users meant creating a separate mobile version of your content. While this is fine, it comes with a few disadvantages.
Over the last year and a half, however, another option has emerged – Responsive Web Design.
Responsive web design is a relatively new web development technique in which the layout of a website changes according to the size of the screen it is being viewed on. This means that the one website can be optimised for mobiles, tablets and full-sized monitors.
So which is the better option? Well actually, both options have their advantages. A better question is “Which option is right for me?” There are two things you need to consider when deciding:
Context
If your website is responsive, it will serve the same content to both small and large screens, the only thing that changes is the formatting. If you have a separate mobile website however, you can serve completely different content to a mobile user. To decide whether or not to show different content to mobile users, we need to consider their context.
For example, if you were to access our website from your computer at home, it’s likely that your goal is to see how we stack up against other web companies, so you’ll probably check out some of our free tools, view our portfolio and maybe read about our methodology. If you’re accessing our website from a mobile however, it’s likely you have different goals in mind. Maybe you’re on your way to our office and need to double check our address or call to tell us you’re running late.
So in our case it might make sense to serve different content (specifically, contact information) to mobile users. It might be different for your website though, have a think about what you can assume (if anything) about a user accessing your website via their mobile, and whether that means you should serve different content to mobile vs desktop users.
Be aware though that mobile users aren’t always “mobile”. More and more people are using their mobiles to access the internet from home while watching TV, there are still plenty of people who’s sole internet connected device is their phone, and as phones get better, it will become more and more difficult to predict a mobile user’s intentions.
Content
A big consideration when developing a website for mobile devices is speed. Mobile users are often using slower or weaker internet signals than desktops, and mobile browsers are still a bit slower than their desktop counterparts, so it’s important that we don’t include anything unnecessary, especially if it’s likely to impact on the load time.
One of the disadvantages of responsive web design is that while you can easily tell design elements not to display on mobile devices, in most cases it doesn’t stop them from being downloaded and taking up bandwidth. To some extent you can get around this by serving mobile content by default, then only downloading desktop assets for larger displays, but the more images, slideshows, videos and general interactivity your site has, the harder it’s going to be to stop it from downloading on mobiles. In this case, you might be better off choosing to have a separate mobile site developed.
2 comments
Comment by Frank Macnamara on January 2, 2012 at 9:13 am
Great article, thanks for sharing. Few of our client have already noticed a need for Responsive Web Design. Which will be a BIG trend for 2012.
Comment by David Hughes on March 20, 2012 at 11:40 pm
Please remove the image from this post. It is my image with my copyright and being used without permission.