Friday, October 25, 2013

Understanding the Differences Between Adaptive and Responsive Website Design

Responsive Design


There was a huge uproar in the search marketing and website design industry last year when Google came out and recommended responsive web design. While Google has been known to make recommendations in the past, they’ve never tackled this particular issue definitively until June, 2012. Since then, many companies have been scrambling to convert to a responsive design.


They reiterated the need for a mobile solution earlier this year when they said that they would soon stop showing web pages that improperly redirected to a different page when called up on mobile devices. The two pieces of news were combined because of a logical series of assumptions:



  1. Google wants pages to render on any device

  2. Responsive website design accomplishes the goal

  3. Google likes responsive website design

  4. Therefore, Google does not like adaptive website design


Everything is fine until you come to the conclusion. From a search perspective, properly coded adaptive websites with identical intents on all devices combined with proper transfer of HTML content are just as easy to rank well on Google as responsive website design.


As I researched this, I found one things that was disturbing and that needs to be addressed. The opinions most commonly expressed by companies weighing in on the debate between between responsive website design versus adaptive website design always ran parallel with the offerings of the company posting the opinion. If they offered responsive design, they said that responsive design was the only way to go. If they offered adaptive websites, they said that adaptive was the best way to go.


The unbiased publications that I read almost all came to the same conclusion – functionality of the site was much more important than the type of design used. In other words, if responsive design made it challenging for a website to function properly on mobile devices, then adaptive websites were recommended. If the flow was fine between devices and the path to turning to responsive design was an easy one, then that was the way to go.


I’m going to start with the “bias” on my end and finish this paragraph with the punchline. The bias is this: my company is developing responsive website design for our clients. The punchline is this: even with this knowledge, I still recommend adaptive for any website (including my clients’ websites) that are picture- and call-to-action-heavy on important pages such as inventory.


I have yet to see a responsive car dealer website that did not sacrifice functionality and speed for the sake of responsive design. I’ve seen both sides of the spectrum – websites that looked great and worked fine on mobile devices but that were bare-bones in their PC functionality and I’ve seen websites that looked great on a PC but that were too slow and rendered improperly on many mobile devices. I haven’t seen any that have done it “right” yet because of the nature of car dealer websites.


Most importantly, I’ve seen dealer websites that switched from adaptive to responsive that watched their website leads drop as a result. I have yet to see a single one that saw leads increase. This will change as responsive technology, internet speeds, third party plugins, and image crunching (especially for dealers that load up 30+ images on their vehicle detail pages) improves, but as of now responsive has been a huge flop.


I should also note that I jumped on the responsive bandwagon back in 2011 and strongly pushed for my company to adopt it way back then. Thankfully, we didn’t.


I should also note that for the majority of websites, responsive is likely the best solution. Car dealers have unique website formats. On any given page, especially the all-important vehicle details pages, there may be three or four plugins, a dozen calls-to-action, and dozens of photos that have to be brought in through 3G or 4G connections. The biggest difference between adaptive website design and responsive website design is when the changes are made to adjust for the device. On adaptive websites, the changes are server side, meaning that the data being sent is determined from the server before being sent to the device. With responsive design, the changes are client side, meaning that the whole web page is sent through and then the device is told how to piece it all together.


Here’s a very slanted infographic, one that actually does have some valid points (thankfully). Whoever built it likes adaptive and while they are being too harsh in my opinion about responsive, they still bring up some real challenges.


Adaptive vs Responsive Infographic



The post Understanding the Differences Between Adaptive and Responsive Website Design appeared first on Soshable | Social Media Blog.






via Soshable | Social Media Blog http://soshable.com/understanding-differences-adaptive-responsive-website-design/

No comments: