Back to Learning Center
Subscribe
Join 40,000+ sales and marketing pros who receive our weekly insights, tips, and best practices.
Thank you! You have been subscribed.
Learning Center
Learning Center
Close
The IMPACT Learning Center

Free resources to help you master inbound marketing and They Ask, You Answer

Access the Learning Center

Access the Learning Center

Access the Learning Center
learning_center_grey__What is They Ask, You Answer-v2-black

What is They Ask, You Answer

What is <span>They Ask, You Answer</span>
Articles, Podcasts, & Updates

Articles, Podcasts, & Updates

Articles, Podcasts, <span>& Updates</span>
Free Courses & Certifications

Free Courses & Certifications

Free Courses & <span>Certifications</span>
On-Demand Keynotes & Sessions

On-Demand Keynotes & Sessions

On-Demand <span>Keynotes & Sessions</span>
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close
Navigation_8_2021_taya

They Ask, You Answer Coaching & Training

They Ask, You Answer Coaching & Training
They Ask, You Answer Workshop

They Ask, You Answer Workshop

They Ask, You Answer Workshop
Navigation_8_2021_workshop

Inbound Marketing Services

Inbound Marketing Services
Navigation_8_2021_website design - monitor

Website Design & Development

Website Design & Development
Navigation_8_2021_hubspot implementation

HubSpot Training & Implementation

HubSpot Training & Implementation
Navigation_8_2021_virtual selling

Virtual Sales
Training

Virtual Sales <br>Training
Navigation_8_2021_swell - paid ads

Paid Search & Social Services

Paid Search & Social Services
Become a Certified Coach
Become a Certified Coach
Close
Website Design

Adaptive vs. Responsive Web Design: What Offers the Best UX?

By Christine Austin

Adaptive vs. Responsive Web Design: What Offers the Best UX? Blog Feature

For many of us who have been taking part in making websites a more friendly experience for users, you have turned to Responsive Web Design (RWD) for you or your clients’ websites. responsive-vs-adaptive-design-compressor

Although we have defaulted to RWD being the best option, especially since we all know Google loves it, it’s important to realize it’s not the only type of flexible design that exists out there.

In this case, I’m talking about Adaptive Web Design (AWD), a concept that's been floating around for some time, but has really only been brought into discussion recently due to the possible advances it may offer over RWD.

In an effort to understand what option has a more optimal performance and user experience, lets look into the pros and cons of the design types and see what is most optimal for certain devices and website types.

Responsive Web Design

The history of RWD originates with Ethan Marcotte, who created the phrase and defined it as a technique in which you develop a website that “fluidly change[s] and respond[s] to fit any screen or device size.”

The technique uses a single template that has been created using a fluid grid system that has the ability to respond to different screen sizes based on CSS media-queries used in the stylesheet.

When utilizing this method, it’s important to make sure your design has the ability to work responsively, otherwise, your developers will be spending more time and resources rebuilding the website on tablet and mobile to compensate for its lack of flexible structure.

Aside from a fluid design, RWD also offers several other advantages our users find useful:

  • Consistent appearance on different browsers and platforms.

  • The website is viewed through one URL, streamlining and improving SEO.

  • Only one website on one URL is needed to be maintained - cutting down design and development time.

Despite these benefits RWD does have its drawbacks, especially when it comes to its load time, which becomes drastically increased due to the high bandwidth of images and other elements being loaded in the background that may be vital to the website's performance.

RWD also draws a line on how far your designers can go with their ability to create your website since a more complex and visually heavy design may not scale down so well on smaller devices.

Now that we know how RWD behaves, lets take a look at AWD and see how it compares.

Adaptive Web Design

AWD takes a different approach, because its flexible design is meant to specialize the experience for the users based upon the device they are on.

While RWD is meant to have a similar look and feel regardless of the devices size, AWD behaves a little differently.

Instead of one design that scales down, an adaptive website is server-side, which means a server detects the type of device it’s being viewed on and shows a version of the website that’s custom to it.

For example, say you have a blog layout with images, titles, and a description and share links tiled in a certain way, but on mobile, the website would take too long to load due to the high amount of images and would feel overwhelming to users on a smaller device. Rather than scaling down, you simply have the server detect the device the user is on, and display a more minimal version of the blog with only the title, social share links, lower quality images, and no description.

This means that the server is doing the heavy lifting rather than the website itself when trying to optimize the website.

Some other perks that AWD offers are:

  • Images are loaded much faster since they are compressed and resized for the specific device.

  • The website loads faster, as the server is able to detect the device it’s on and load only certain code that is necessary to it.  

  • Your flexibility is increased and you are able to design a variety of versions of your site and customize it to however you see fit for its respective device - making it a much better experience for users on mobile.

Although, as perfect as AWD sounds, its no walk in the park to use. Development and design time drastically increase due to customization. Additionally, if you want to make updates when it's completed, those updates need to be implemented a multitude of times so that they work for each customized version of the site.

So if you don’t have a team or the money that can support an adaptive website, it is best to avoid it for now until you gain a better understanding of it and the challenges it offers.

Whats Best For What?

As much as you may prefer one of these techniques over the other, it’s important to realize that it’s not what you like that decides what you should use, it’s about what’s best for your users.

With that being said, you want to make sure your users are satisfied based upon their needs. So if you know your users are going to adapt better to a site that keeps a consistent layout down to mobile, then stick with RWD. If your users are tech savvy enough and you are looking to pave the way to the future, then AWD might be a more optimal solution.

Despite AWD being more difficult to implement, the flexibility and speed it offers, specifically to those in the ecommerce and media industry,  might just create the best impact for its user base.

For those of us whose websites aren't necessarily too heavy on mobile, implementing a responsive website will allow you perform just fine, leaving you the option to implement adaptive design in the future if/when you need it.   

Download The Complete Website Redesign Guide

Fill out the form below for tips on how to design a website that generates results

10 Focus Areas for Your next Website Redesign

Topics:

Website Design
Marketing Strategy
Responsive Design
Published on September 8, 2015

Recent Articles

5 Prep Secrets for a Smoother, More Successful Website Project (+ Infographic)

By Christine Austin on October 14, 2021
7 min read

Google shares new tools to audit website user experience

By Christine Austin on August 12, 2021
3 min read

New HubSpot CMS Hub starter tier released for growing businesses

By Christine Austin on August 6, 2021
4 min read

They Ask, You Answer and diversity, equity, and inclusion (Content Lab, Ep. 55)

By Christine Austin on July 29, 2021
2 min read

ICYMI: Digital marketing news update for July 26, 2021

By Christine Austin on July 26, 2021
6 min read

ICYMI: Digital marketing news update for July 19, 2021

By Christine Austin on July 19, 2021
6 min read

What the heck is going on with all the Google updates? (Content Lab, Ep. 54)

By Christine Austin on July 15, 2021
1 min read

8 best business website designs (updated for 2021)

By Christine Austin on July 15, 2021
5 min read

ICYMI: Digital marketing news update for July 12, 2021

By Christine Austin on July 12, 2021
5 min read

Too many internal links in content can confuse Google about site structure

By Christine Austin on July 9, 2021
5 min read

Google July 2021 core update rolling out over next 2 weeks

By Christine Austin on July 2, 2021
4 min read

6 tips for building a great diversity and inclusion page (+examples)

By Christine Austin on June 29, 2021
7 min read

Google punts third-party cookie ban to 2023 for 'responsible planning'

By Christine Austin on June 25, 2021
6 min read

Finally, Google page experience core update is rolling out

By Christine Austin on June 18, 2021
3 min read

8 business blog design examples that keep readers engaged

By Christine Austin on June 16, 2021
6 min read

What is a featured snippet? [Definition + Examples]

By Christine Austin on June 10, 2021
4 min read

Google June 2021 core update live, July core update coming

By Christine Austin on June 4, 2021
3 min read

Google's June page experience core update will be mobile first, then desktop

By Christine Austin on May 21, 2021
3 min read

Why is growth-driven website design so freaking expensive?

By Christine Austin on April 14, 2021
5 min read

Strategy-driven website redesign: 5 IMPACT-built websites that solve client challenges

By Christine Austin on April 7, 2021
4 min read

10 Google Analytics metrics you absolutely must track (updated)

By Christine Austin on March 29, 2021
5 min read

29 Best Contact Us Page Examples To Inspire Yours [Updated for 2021]

By Christine Austin on March 25, 2021
17 min read

Website Performance Mastery: A better redesign process for your business website

By Christine Austin on March 24, 2021
6 min read

How much does a website design or redesign cost in 2021?

By Christine Austin on March 23, 2021
9 min read

What is a good average landing page conversion rate? (updated for 2021)

By Christine Austin on March 12, 2021
10 min read