Responsive and mobile web design a controversial subject – there’s no doubt, mobile users have sky rocketed throughout 2013 and 2014, and set to surpass desktop users in 2015.
Makes sense to want to cater for mobile user’s right?
That being said, developing a mobile friendly site doesn’t begin and end with responsive web design.
Here is where I explain the pros and cons of mobile websites and responsive web design and why both options should be considered, before making a decision.
It’s important to know the differences between responsive web design and mobile web design. I will explain, and also clear up a few of the most common “myths” and also detail some of the options available for a mobile friendly site.
You’d be surprised at how many “big” businesses are not using responsive web design.
First let’s cover the differences between responsive web design and mobile web design.
A responsive website is a single website that’s been developed and coded in such a way it automatically fits whatever size screen it’s been viewed on.
Whether that be a smart phone, tablet or desktop PC, the website will automatically re-size. Adjusting the content, images and navigation to the users screen size – using CSS3 media queries to alter how the page is rendered.
A mobile website is specifically designed for mobile devices. A mobile website is a completely separate website from the desktop version, and held on a separate “m” URL.
When viewing the mobile site on a desktop you see the clear differences in mobile design and layout (Not intended to be viewed on desktops) but it’s a good example of the separation of a mobile website.
Take a look at how the mobile site displays on a desktop and mobile device, this is clear example of mobile web design.
Main Desktop Site – www.harley-davidson.com
Viewed on a desktop PC or laptop.
Mobile Site – https://m.harley-davidson.com
When viewed on a desktop PC or laptop.
Mobile Site – https://m.harley-davidson.com
When Viewed on Mobile Device (SmartPhone)
More details on SEO for Responsive and Mobile Web Design can be found here
For expert, results driven SEO services tailored for Mobile Websites and Responsive Web Design click here.
People are prone to media hype, it’s in our nature.
When the hype is then duplicated all over the web it breeds ground for many misconceptions. Just like the controversy surrounding mobile friendly web design.
Here’s a few common myths and misconceptions around the topic, I want to demystify…
Fact: A ridiculous statement I want to prove a point on, by no means is mobile web design an outdated practice that’s been replaced with responsive web design.
Both types of web design for mobile users have the exact same goal – to improve user experience and cater for the mobile audience.
Whether it’s responsive or mobile web design, each serve their own purpose, offering ease or flexibility – depending on the business goals, audience, budget and resources.
Take a look at the examples below, well known very popular websites where some have chosen a responsive web design, while others have adopted for a separate mobile site.
To check for yourself simply visit any of the responsive websites listed above and re-size your screen.
You will see the site automatically adjusts, altering its layout to meet the size of the screen.
You can do the same with the mobile web design sites that’s listed.
Notice when the screen is reduced to tablet or smart phone size, how the sites don’tautomatically adjust like the responsive sites did.
Instead, the mobile web sites have a separate web site specifically designed for their mobile audience.
When you access a mobile site (any of the above) with a mobile device such as a smart phone, check the URL of the site. You’ll notice it’s on an “m” URL, as shown in the Harley Davidson example above.
Fact: Responsive web design is the popular choice for many businesses, due to responsive sites being less expensive to develop, maintain and a lot easier to manage.
That being said, responsive web design is not one size fits all.
Depending on what information your mobile audience seek when on your site, will depend on which option you choose.
They chose to develop a separate mobile website due to analytic data that showed mobile users would seek information on treatments, side effects and general symptoms.
Whereas desktop users would seek information on less on less priority subjects such as recipes, general tips on exercise and nutrition.
Forakar Labs noticed that a large amount of mobile users would land on the home page, attempting to navigate to the content they were searching and landing on the home page more often than not due to “thumb” typing on a mobile device.
The solution was to build a separate mobile site. (As shown above)
Focusing on the key information mobile users were looking for, by removing the content desktop users would search such as recipes, lifestyle tips and nutrition advice.
This is just one example where a responsive website would not be suitable for the audience or goals of the site.
If a responsive website had been implemented, removing content and targeting key categories mobiles users where trying to access would not have been possible.
(Breastcancer.org have recently adopted a fully responsive web design due to the goals and strategy of the site evolving).
Fact: Responsive websites don’t load as fast as mobile sites, this due to responsive sites loading the same set of assets as the site does when viewed on a desktop.
This can cause slower load times compared to a completely separate mobile site where you have the ability to remove content and chose which assets to load.
The fact is, a bad workman always blames his tools. Responsive website or any website for that matter will only loose traffic due to poor development, maintenance or management.
If a jobs worth doing, its worth doing right. Whether you build a responsive site or a mobile site, it has to be done correctly to gain optimal results.
Responsive sites will never be as quick to load as mobile sites,
However, bear in mind there’s positives and negatives of both.
If a responsive site is well built and correct on page SEO has been conducted there should not be huge issues in load time or site speed.
Google does recommend using responsive web design where ever possible, but that doesn’t mean to say mobile web sites are penalized.
Google realize the pros and cons in both responsive and mobile web design. Google also acknowledge some sites require two separate websites, to serve a mobile audience with content more targeted to what their searching for.
Google even provide advice for web masters that’s implemented a mobile site, offering guidance and best practices.
More details can be found on Google’s developer site – how to implement device specific, mobile web design.
In conclusion, both responsive web design and mobile web design have their own features and benefits.
It’s fair to say, both serve the demands of the mobile internet world in their own specific ways.
Each with the same goal – to cater for their mobile audience and improve user experience.
Depending on your site, audience, budget and resources will determine which option best fits the needs and goals of your business.
ServeOnly - Design and Search |
The Web Design & SEO Company
A: Park Lane House, Broad Street Business Complex, Glasgow, G40 2QW | 1330 Avenue of The Americas, New York, USA
DEVELOPED & POWERED BY SERVEONLY.COM