It’s Time To Retire the 3 Column Template
Why Should Your Site Be Responsive?
A few short years ago, I remember having several clients ask for two versions of their site, a desktop version in addition to a mobile website. When a user first visited the client’s site, the site would detect what kind of browser was accessing the site and display the correct version. It was an adequate, but not elegant solution for the time. Mobile websites are simplified versions of the desktop website. They display far less content overall and only sometimes were able to capture the look and feel of the desktop version. With the proliferation of smart phones and tablets, something needed to change. Gone are the days of designing just for desktop or just for mobile. Today, there is no standard in devices. New smartphones and tablets are released on an almost weekly basis with different screen sizes, resolutions, and capabilities. In fact, in the U.S. alone, there were more than 400 smartphone devices on the market at the end of 2011 (via ComScore)
What is Responsive Design?
To put it simply, a responsive website adapts to the environment it’s loaded in. Responsive design is a term that’s only been around since 2010, but is quickly becoming industry standard. It was first coined by Ethan Marcotte in an article he wrote for A List Apart. He suggested that rather designing for one width, to design pages that are composed of elements that are placed on the page based on the browser width. Without getting too technical, a media query from a device is sent to the site that focuses on browser width and returns CSS rules that are optimized for that width. One could access a site from their smartphone, their tablet, or their desktop and get very similar user experiences, optimized for their device. In a responsive design, devices do not get redirected to a different url and users aren’t seeing stripped down content. Even Google recommends the use of responsive designs!
Check out Co-Owner, Jared Elliott’s, post on why responsible developers always include responsive design.
So Why Should Your Site Be Responsive?
In order to connect with your audience, you need to understand how your audience connects with you. In 2011, there were 835 million smart phone users, and 5.1 billion feature rich phone users (via Business Insider). With technology changing at breakneck speeds, the best way to stay ahead of your competitors is to plan ahead. By designing a responsive website, smartphone manufacturers could create a device the size of a watch, and your website would still function, and be user friendly. There also isn’t a need for further app development making your web strategy ultimately more cost effective, not to mention this approach saves a lot of time. Also, Google reports ranking responsive sites higher in their mobile search results, therefore it will be good for your site’s SEO.
Some Interesting Stats about Mobile Usage
- By the end of this year, tablets are projected to outsell laptops in sales volume, and outpace desktops by 2015! (http://www.idc.com/getdoc.jsp?containerId=prUS24129713)
- 31% of mobile internet users “mostly” go online using their phones.
- 90% of smartphone searches lead to a website visit.
- 50% of local searches are done on a mobile device.
- 67% of users claim that they are more likely to make a purchase on a mobile-friendly website. (http://googlemobileads.blogspot.com/2012/09/mobile-friendly-sites-turn-visitors.html)
- If your site is not user friendly on a mobile device, 61% of visitors will return to Google to find a site that IS easily readable. (https://snaphop.com/2012-mobile-marketing-statistics/)
There are currenty one response.