December 7, 2017

13 Mind-Blowing Statistics About Responsive Web Design in 2018: Entering a Mobile-First World

The Industry Standard that's Still Being Considered Optional

So here’s the thing:

The original version of this post was published back in early 2015, when our slightly younger, slightly more naive selves would NEVER have thought it would still be a topic worthy of discussion 3 years later.

When the post was published, we figured there were about 6 months to go before “Responsive Web Design” became a household name, holding 2015 online street cred on par with “Zayn Malik leaves One Direction” and this.

We were wrong.

The general public is still cloudy on responsive design’s definition and its advantages.

The internet is still littered with non-responsive websites.

And news of Google’s upcoming mobile-first algorithm changes have failed to rein in the millions of webmasters whose websites have been and will continue to be relentlessly walloped in search rankings.

Thankfully, we have a solution:

A combination of responsive design education and statistics to prove we’re not lying.

Ready?

Let’s start by making sure this question never needs to be asked again:

(or go straight to the statistics!)

What is Responsive Web Design?

In order to understand responsive websites, it’s important to first know the difference between them and their inferior—and annoying—older brother: Mobile-friendly websites.

Mobile Friendly Websites

Essentially, a mobile friendly website is a website that is designed to function on a phone or tablet.

The key word here is “function.”

Mobile-Friendly vs. Responsive Web Design
Mobile friendly sites make the entire site fit on the screen—so you get to waste your time pinching and zooming. Responsive sites create a high quality user experience on all devices.

A mobile friendly website “functions” on any device, but it appears the same way on that device as it would on a computer.

So what’s the problem?

A computer screen has a completely different shape, size and aspect ratio than your average phone or tablet, so it’s impossible to create a mobile friendly website that provides a great user experience on every single type of screen.

Nobody should have to experience that horrible feeling of zooming in and out numerous times to get through a website on their phone.

In fact, nobody will, because there are plenty of options in just about every industry that provide a better experience that adapts to all devices.

All a user has to do is click “back," leaving an un-optimized website behind to collect dust.

Responsive websites

Google defines responsive web design as follows:

“Responsive web design (RWD) is a setup where the server always sends the same HTML code to all devices and CSS is used to alter the rendering of the page on the device. Google’s algorithms should be able to automatically detect this setup if all Googlebot user agents are allowed to crawl the page and its assets (CSS, JavaScript, and images). Responsive design serves all devices with the same code that adjusts for screen size.”

We’ve created our own definition—in actual English:

Responsive websites adjust to the pixel-width of the screen upon which they are being viewed, providing the same level of user experience on every device and preserving all content necessary to maintaining such user experience.

In even simpler terms—responsive websites are the only website format that should be taken seriously on the internet.

So unlike mobile friendly websites, responsive sites will never have users zooming, squinting (and probably cursing).

And here’s why all of this matters:

Mobile Internet Usage and Responsive Design: 13 Shocking Statistics

Now that you understand what responsive design is, let’s explore the sweeping benefits of responsive web design and the disadvantages of websites that are not responsive.

1

Mobile traffic as a share of total global online traffic in 2017 is 52.64%

What it means:

Statista has found that mobile traffic globally has a larger share of internet usage than desktop traffic.

Actually, mobile traffic has been ahead since 2015.

These figures are increasing year over year, causing websites that are not responsive to lose progressively larger portions of their audience.

Ask any company if they would like to more than double their website traffic. It’s probably a good bet they will say yes.

2

Mobile devices are projected to reach 79% of global internet use by the end of 2018

What it means:

If #1 wasn’t convincing enough, research shows that mobile internet usage is projected to skyrocket in the coming year.

If we’re already seeing shamelessly cheesy commercials like this one (I mean come on, everyone knows what a computer is), it’s only foreshadowing that we will experience more “anti-desktop” movements in the future.

It’s compelling that even companies that pride themselves on building great computers are targeting younger demographics and alluding to a world where the computer industry is ripe for disruption.

When Apple does something like this, it’s worth paying attention.

3

In 2017, mobile eCommerce revenue accounts for 50% of total U.S. eCommerce revenue

What it means:

50% of US eCommerce revenue is already happening on mobile devices.

It logically follows that with the projected increase in overall mobile share of internet traffic that this number will go up as well.

In fact many retailers are already known for their great mobile shopping experience and others are making significant improvements to theirs.

Those who are not may cease to exist in the near future.

4

In 2017, the mobile share of total digital minutes in the United States is 65%

What it means:

New statistic—same idea.

People are spending more and more time using the internet on their mobile device. More time equals more activity, and more activity means more traffic potential.

5

57% of internet users say they won’t recommend a business with a poorly designed website on mobile

What it means:

Ok, so here’s where responsive web design comes into play:

Websites that are not mobile responsive are by nature poorly designed, because they don’t provide an optimal user experience.

No company wants its website visitors to be wary of referring them.

6

Nearly 8 in 10 customers would stop engaging with content that doesn’t display well on their device

What it means:

All the traffic in the world doesn’t matter if a website isn’t ready to give that traffic what it’s looking for.

A website that requires pinching and zooming is no longer just a small inconvenience to its users, it’s an automatic “no.”

While responsive design is not yet featured on as many websites as it should be, it’s still out there—and users will search until they find it rather than settling for a bad website.

7

According to Google, 61% of users are unlikely to return to a site on mobile if they had trouble accessing it and 40% visit a competitor’s site instead

What it means:

Accessibility lies at the heart of responsive design.

Websites that are difficult to navigate provide poor accessibility which leads users to seek out alternative options.

8

83% of mobile users say that a seamless experience across all devices is very important

What it means:

This is an area where companies with mobile friendly websites may think they are unscathed by their lack of responsive websites, but it’s actually quite the opposite.

“Seamless experience across all devices” doesn’t mean “same experience across all devices.”

Rather, it implies that a user can view a website on a computer, then pick up a phone or tablet and pick up where he left off without any confusion.

The layout of the website may look different—as it should, based on the different sized devices—but the ease of use and the overall experience should never suffer.

9

As of Q2 2017, smartphones hold a 57% share of all retail website visits

What it means:

Earlier, we learned that 50% of U.S. eCommerce sales occur on mobile devices.

If smartphones alone account for 57% of retail website visits, there must be a gap in the quality of retail mobile sites that causes conversion rates to be lower.

Still, 57%—a number primed to be bolstered by retailers putting more effort into their mobile shopping experiences—should be a large enough slice of the pie to drive retailers with poor mobile experiences to action.

10

Average smartphone conversion rates are up 64% compared to desktop conversion rates

What it means:

Yet another signal that the websites viewed by the mobile audience are getting better.

The companies getting it right are clearly reaping the benefits of a high quality digital presence on mobile.

11

88% of consumers who search for a type of business on a mobile device call or go to that business within 24 hours

What it means:

Let’s say you’re on the road and your car breaks down, or you’re at dinner with a friend and want to find a new, exciting place for dessert.

What do these two situations have in common:

1. You’re going to use the internet to find an idea or solution

2. You don’t have a computer on you

Although over half of web traffic is happening on mobile devices, the mobile experience is even more powerful in the local business scene.

Local businesses have extremely high potential for traffic from people on the go.

So how in the world do we explain the following statistic?

12

Only 17% of small businesses who have a website have a site that's mobile friendly

What it means:

Seriously?

Most businesses don't even have sites that are mobile friendly, which we’ve been trash talking this entire time?

disappointed

To put things in perspective, when we launched this article in early 2015—almost three years ago—that number was 11.8%!

That means there has only been an increase of just over 5 percent! 

Tisk tisk.

Here’s the good news:

The implications of this—particularly for small businesses—are staggering.

Jumping in front of that 83+% of businesses without responsive websites can be an incredible advantage if we take into account all of the traffic statistics listed above and the trajectory of mobile web traffic moving forward.

According to Moz:

“In a mobile-only world [which we will be discussing shortly], the relevance of local search is even higher.”

The future is bright for early adopters, and apparently, it’s still possible to become an early adopter.

Did you hear that sound?

That was 2015 us freaking out.

13

In 2017, 59.9% of time spent on websites occurred on desktop, while 40.1 occurred on mobile

What it means:

We’re choosing to end with a slightly controversial one here.

Studies have found that while websites get more mobile traffic than desktop traffic, the time spent on desktop websites is still higher than the time spent on them in mobile formats.

How could that be?

Well, we just got done talking about the amount of opportunity presented by turning a previously bad website into a mobile responsive one.

We see this 59.9% as another massive opportunity:

People are using their mobile devices to search for what they need online, but they aren’t getting the experience they have come to expect.

Can we please just give the people what they want?

The Aftermath of Mobilegeddon—a Look into our Mobile-First Future

Now that we know how important responsive web design is and the extent to which the world is becoming more and more mobile-inclined—it’s important to touch on the landscape of search engine behavior with regard to mobile and how it’s changes will affect the digital world.

But we can’t talk about the future until we talk about a major event in the past.

What was mobilegeddon all about?

It’s no secret that the 2015 iteration of this post was launched in anticipation of what many perceived to be a cataclysmic paradigm shift in the world of search engines:

Mobilegeddon.

Mobilegeddon is a media name given to a set of major updates that Google performed to its algorithms on April 21st, 2015.

Long story short, the update was primarily meant to boost the rankings of websites that Google recognized as mobile friendly. Responsive websites—and really all websites optimized for mobile—also fit under this “mobile friendly” description and would be given a rankings boost.

Non-mobile friendly websites as identified by Google would not necessarily be pushed down in search rankings, but their mobile friendly counterparts would receive favorable treatment.

With that said, Google has many major ranking factors (and they did in 2015 as well), so it didn’t necessarily follow that a mobile friendly website would leapfrog its non-mobile friendly competitor in every case.

There have always been major factors like quality content and backlink authority—and “mobilegeddon” kept all of these factors into account.

Even so, the paradigm shift was apparent:

Google likes websites that care about the mobile experience.

The aftermath of mobilegeddon

Like many concepts that get caught on a giant wave of media buzz, mobilegeddon wasn’t quite as “geddon-y” as expected.

Bad websites didn’t completely fall of the face of the earth.

But even so, there were some major shifts in the way the mobile experience was perceived by website owners.

The effects of mobilegeddon can mostly be viewed through the general public’s shifts toward taking the mobile experience more seriously.

According to Smashing Magazine (oh no, more statistics!), since mobilegeddon, 25% of websites without any previous mobile strategy have become mobile friendly.

Moreover, after the shift, “eCommerce site owners focused on embracing a mobile strategy as fast as possible.”

The 13 statistics from 2017 that we provide also tell the story of a digital world transitioning more and more toward giving internet users what they want and shifting more thought and attention the the mobile experience.

But even with all of this, we aren’t quite where we should be.

Smashing Magazine has found that 3 in 10 websites are still oblivious to Google’s mobile ranking signal.

Clearly, there's a long way to go.

Where exactly do we go from here?

Google’s upcoming mobile-first updates

Something big is in the works, and it’s less of an armageddon and more of a new beginning [Update: Mobile-First Indexing is officially live as of March 26th, 2018! Read more about the change here]:

One of the major premises of Mobilegeddon was that Google was going to establish a separate mobile index for search results. This tactic was used to differentiate mobile friendly sites from non-mobile friendly ones, but also to label mobile friendly sites as such in search results.

In November of 2016, Google introduced the concept of mobile-first indexing (and it is now officially live, as of March 26th, 2018).

The premise of mobile-first indexing is that the mobile index created by Google in 2015 will eventually take the place of the desktop index currently in place.

So what does this mean?

Well, first of all, it means Google is paying attention to the same statistics we are:

  1. They understand that mobile traffic has overtaken desktop traffic and that internet users prioritize the mobile experience. 
  2. They recognize that if internet users care more about a high quality mobile experience, the internet needs to put mobile first.

According to Moz,

“Google is steadily moving to a mobile-only world. Mobile-first indexing seems like the inevitable consequence of a year (or more) almost exclusively dedicated to evangelizing and forcing a change of mindset from desktop to mobile.”

TL;DR: Google has been paying attention to all of the statistics you’ve read about in this post. They are reacting by completely flipping the script on how the internet is experienced by the average user. The mobile experience will soon take precedent.

Don’t get left behind.

Time for Action

Where does responsive web design fall in all of this?

Google has shown historically that it’s algorithm shifts are reactions to the behavior and the preferences of internet users.

Internet users have shown not only that they are predominantly choosing the mobile experience, but that they want that experience to be seamless, easy and highly functional.

Responsive design provides the highest possible level of user experience on mobile devices, so being mobile friendly just doesn’t cut it anymore, and will certainly not cut it in another two years.

There’s something we can all learn from Google’s upcoming mobile-first shifts:

Search rankings aren’t the only factor that should cater to the mobile experience.

Websites themselves should be designed with the mobile user in mind above all else.

While we can easily conclude that responsive design is superior to mobile friendly, not all responsive websites are created equal. Designs that truly cater to the experience of the mobile user will prevail in a landscape that is shifting more and more in that direction.

If you’re a business owner, now is the time to take the plunge and create a responsive website for your company.

If you’re a marketer or web designer, think about the benefits to the end user of putting the mobile experience first in all of your work.

It will pay dividends in a mobile-only future that feels further away than it actually is.

case study

How To Increase Traffic to Your Existing Content by 209% in 1 Month

We used The Bike Pump Technique to increase traffic to a piece of content by 209% and increase backlinks by 52% in one month.

read more
step-by-step guide

Win SEO Through Content Marketing with the Tandem Bike Technique

Six proven steps to create dominant content that boosts traffic.

read more
September 10, 2018

Benefits of Backlinks: What are they and what do they mean for SEO? [Updated Fall 2018]

Read more
April 19, 2018

Everything You Need To Know About GDPR And How To Prepare

Read more
March 26, 2018

It’s Official: Google’s Mobile-First Indexing Rollout Starts Today [3.26.18]

Read more
simple dark grey arrow

Keep up with the latest

Get actionable monthly tips on creating an industry leading web presence.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Ready to see how The Plan will work for you?

Let us show you exactly how to turn your website into your #1 sales acquisition channel starting with a free, comprehensive web audit.

Oops! Something went wrong while submitting the form.

Sweor, LLC

225 S. 6th Street Suite 3900
Minneapolis, MN 55402
612-562-9193
info@sweor.com

Keep up with the latest. Join our email list.

Oops! Something went wrong while submitting the form.
612-562-9193