How Responsive Design Affects Online Businesses

The development and usage of smartphones, tablets and iPads is growing at an exponential rate. Consumers are lining up in droves to get their hands on the latest gadgets, while tech giants are developing more creations to “wow” a technology-hungry crowd.

According to a recent comScore study, more than 100 million U.S. mobile subscribers use smartphones and nearly 234 million Americans use various mobile devices. These numbers increased by double digit percentages from its last time period ending October 2011 to the current study time period of January 2012.

SEE ALSO: Responsive Web Design: 50 Examples and Best Practices

With mobile usage so high, online businesses are realizing the need to optimize the mobile experience for their website visitors. And many are using responsive design to accomplish this goal.

Responsive design allows websites to automatically change layouts according to the visitor’s screen resolution whether on a desktop, tablet or smartphone. This allows for a more user-friendly interface when visitors view websites.

The businesses that will benefit most from responsive design are those that service customers who frequent mobile devices to navigate their websites.

Are you looking for responsive website templates and online website builder?

Get Startup Design Framework now!

Use coupon code START50 for 50% off!

How many of your visitors access your site from a mobile device? Check your Google Analytics to get a percentage! From the left-side menu, click “Audience” and browse the operating systems and devices your web visitors are using to find your site.

How does responsive design affect online businesses?

Conversions

One obvious reason for implementing responsive design is to enhance the user experience and thereby increase conversions. When a full website created for the desktop shrinks to the size of a smartphone screen, it makes it hard for the user to navigate through the site. There is constant zooming in and out, and scrolling to find relevant material. A “responsive” website would automatically shrink the data to facilitate easier reading and allow for an overall more enjoyable web browsing experience.

There is another side to the story, however. Many web designers/marketers feel that creating a separate site for mobile website visitors is superior to responsive web design. One reason is that heavy Javascript elements and large images slow the website’s load time even if they are hidden because users must still download them.

In addition, website visitors may benefit from an entirely different interface when accessing your site on a mobile device.

Here is an example:

A realtor may want to display a completely different site to mobile users who are looking for house information after driving by a “For Sale” sign. The agent may want to optimize the mobile interface to include specific listing and contact information to capture the lead immediately and keep the load time fast. If the mobile site is simply a more user-friendly version of the desktop site, the conversions may not be as high.

Budget

Businesses create multiple sites to meet the needs of smartphones, tablets and desktop browsers.  This equates to three sites with separate content, maintenance, costs, and requirements. Once a new device comes out, webmasters must shell out more money to create a new site. With responsive design, you have one site to contend with.

SEO

Some SEO experts are touting the benefits of responsive web design because of its ability to maintain the links pointing to the desktop domain instead of passing link equity to additional domains.

In response to industry questions about responsive design, the search engine Bing offered answers on how to best optimize websites for different platforms.

Bing suggests using the “one URL per content item” strategy to avoid “sub-optimal and underperforming results.” Additionally, Bing mentioned the added cost of updating more than one website and how it can overwhelm small businesses.

Here is what Bing had to say about responsive web design:

Bing Responsive Design

Bing recommends that webmasters consider if the “one URL per content item” strategy will work for their websites to improve their SEO.

According to Bing,

“Occasionally, it may make sense to keep some URLs targeted at specific clients (e.g. mobile devices), which you can opt to block from us via the usual methods (robots.txt, webmaster tools) or not. Our real concern is the hundreds of millions of additional URLs that are created on mobile-only domains, which for most of them will never accrue any value and rarely, if ever, rank in any form of search, yet still consume resources on both your servers and ours.”

Some SEOs have dismissed the idea that dedicated mobile sites split link equity making it difficult for the mobile site to rank. They mention Google’s skip redirect update and say that proper redirection will cause mobile URLs to rank in search results.

Here is the Google update as per the Inside Search blog:

Faster mobile browsing. [launch codename “old possum”, project codename “Skip Redirect”] Many websites redirect smartphone users to another page that is optimized for smartphone browsers. This change uses the final smartphone destination url in our mobile search results, so you can bypass all the redirects and load the target page faster.

The Real Purpose

Many marketers believe that regardless of SEO benefits or non-benefits, ultimately your customer’s goals and site speed should be a priority. They claim the browsing device a customer uses will offer a clue as to the user’s intentions for the visit. Businesses may need a separate mobile site if the situation warrants it. SEOs would argue that “real SEO” has more to do with providing value to the visitor more than keywords and links.

For example, if you run a restaurant, you may have two types of customers depending on where and how they access your site. The bulk of mobile users are most likely not at home. They may be on the road needing information like directions, reservations or contact details. A separate mobile site could cater to these customers without “bogging down” the load time with unnecessary features like images of the restaurant and media information. The same principle would apply to an auto insurance company whose customers may need towing services, a detail not as important for a desktop version of the site.

Webmasters could essentially lose out on qualified search traffic if they do not research the goals of their visitors.

Implement responsive design not because it is a trend, but because it will meet your visitor’s goals. If your mobile website visitors require a unique experience from your desktop website and you rely on mobile users for leads, it may signal the need for a mobile-specific interface.

User Experience

We discussed user experience as it relates to conversions. The quality of the design and where elements are situated also play a role. A well-planned responsive design will enhance the visitor’s user experience.

But there is another side to the story. With more versions of the same site, users are fed different sites depending on the device. What if they need to find something specific while on their iPads but the webmaster removed it from the full site for the mobile version? This may not equate to a user-friendly experience. Some users may expect to see the full version of the site when using mobile devices.

It’s All About the User

Will your visitors know if your mobile site is responsive? Will they recognize the lack of white space? Most will not recognize the technical details, but they will know how they feel during the experience.

Success depends on pinpointing how your visitors interact with your site when on a mobile device, and defining what solution would give them the best experience.

Mobile users are interested in getting what they want (targeted) and fast (speed). However this is accomplished is up to the webmaster. Essentially, increased conversions will only come when users love their experience on your site and walk away with a good feeling about your brand.

The Solution?

Some marketers are suggesting that businesses create one fast-loading, user-focused mobile site with the option to click to the full site. The full site would take advantage of responsive design.

The debate continues…what do you think? Do your clients prefer responsive design or multiple mobile interfaces? What do you prefer?

Below are some responsive design examples:

1. Boston Globe

Boston Globe

2. Spark Box

Spark Box

3. Forefathers

Forefathers

4. Ray Macari

Ray Macari

5. Quazar Web Design

Quazar Web Design

Jenna Scaglione

Jenna Scaglione is a successful content writer, internet marketer, and a lover of family, friends and life. As the owner/operator of Lady Content, she helps her clients around the world increase brand awareness on the internet through content writing and social media.

Newsletter

12 Comments
  1. Mike Haynes Apr 11, 10:45 pm

    The key is to be able to publish once for all devices. The old problem of data entry duplication should be avoided at all costs. Trying to keep several different versions of your website synced sounds like a nightmare scenario to me. Responsive design is responsible design!

    Reply
    0
  2. Brad Apr 11, 11:25 pm

    Great article, responsive design is now an essential thing for me ! ;)

    Reply
    0
  3. Jeremiah Apr 12, 6:18 am

    I’d like to see more examples of practical responsive sites. Let’s see more sites that aren’t just designers and firms personal sites those are easy. Of course the Boston Globe is a great example but lets see some e-commerce some, productivity sites. That is where it can really shine.

    Reply
    0
  4. Mery Apr 12, 9:39 am

    Increasing popularity of smart phones, PDAs, and more portable devices is the reason behind the necessity of creates responsive website design.

    Reply
    0
  5. Rachael Apr 12, 11:52 am

    I think your question, Do your clients prefer responsive design or multiple mobile interfaces, really depends on the type of site it is – I think if the site is likely only to be accessed by a user a couple of times the differences between the layouts are not that important and probably won’t be noticed . However on shopping sites where customers are likely to be regular visitors, I think it is here where it is most important to keep fluidity between the two layouts, i have found on several occasions the differences between a desktop and mobile site quite disorientating.

    I think the examples you have shown here are fantastic at tying the link between desktop and mobile/device/
    The Quazar site is stunning and looking through their portfolio of work is of a superior standard.

    Thanks for the post Jenna, I hope to see more posts from you soon!

    Reply
    0
  6. aledesign.it Apr 12, 1:01 pm

    A good examples..Thanks for this post. Useful and interesting too. Even is not ever important responsive design someone, but we try to propose always.

    Reply
    0
  7. Rich Halsey Apr 12, 5:22 pm

    We here at MarriCorp.com have changed over to designing websites using the responsive design concept this year because our clients prefer and have asked for responsive design.

    Reply
    0
  8. Brad G Apr 12, 5:59 pm

    The problem with Responsive Design is that these devices have become really good at handling most traditional web pages and their designs. So much so that, when I surf to a site, the first thing I look for is the “Full Web Site” link. If it’s not there and the ‘mobile’ site does not have as many features (usually the case), I am not a happy camper.

    I’d say Responsive Design is a tool to be wielded judiciously without stripping sites of their large screen features.

    Reply
    0
  9. Aiden moor Apr 16, 11:39 am

    We too agree that the look and feel of any website is at the heart of success and hence it is important that it is designed responsively.When we think from a user point of view I always look at the appearance of the website in the first glance. If it is appealing enough I proceed further. Al the points mentioned in this post are worth following and will definitely consider while designing the website.

    Reply
    0
  10. Jeremy Apr 23, 6:15 pm

    Responsive site do not necessarily have to have bloat for mobile users. For one you can always serve up a base style sheet o support your layout without serving up additional visual features and functions. Also there’s a few ways through jQuery to only load assets for mobile or to dynamically server up smaller images to increase speed. It’s all about building it smart, and I agree with the author that you should build a responsive site because it’s what the client needs, not because it’s a trend.

    Reply
    0
  11. Jules Webb Apr 23, 11:29 pm

    I agreee with @Mike Haynes. I’ve re-done my site using responsive design and am now building sites for clients the same way.

    I like the simplification that page loading speeds force. With the speed and amount of information that comes at us every day, creating a simple to the point, no fluff interface and content for users to navigate and digest is just as important a consideration as the design and SEO.

    Reply
    0

Leave a Reply

*
* Minimum length: 20 characters