Responsive Web Design Solves Marketing’s Growing Multi-Screen Problem

Mobile devices (including smartphones and tablets) are becoming the primary internet viewing device for many people.

According to Google, nearly 75% of users prefer a mobile-friendly site. Further, 50% of people said that even if they like a business, they’ll use that business less often if its website is not mobile-friendly. Consumers have high expectations for companies to provide a great website experience on every device, and are increasingly less patient with websites that are not mobile friendly. The average website had 20% of its traffic coming from mobile by Q4 2012, according to Bluetrain Mobile and that number is predicted to dramatically increase in the coming year. Clearly, having a mobile-friendly site is no longer just another option.

How do you solve this multi-screen, multi-device problem?

Some companies are solving the problem by creating mobile versions of their sites. This has a few downsides; maintaining two sites is twice the work, and it’s not SEO-friendly to split your traffic this way. The best solution to the multi-screen, multi-device problem is to build a website that works equally well on any device. This is where responsive web design comes in.

What exactly is responsive web design?

Recommended for YouWebcast: The Art of Community Development: Turning Brand Awareness Into Sales

In simple terms, responsive websites respond to their environment or device with the most appropriate view: They use “media queries” to figure out the screen size of the device on which the website’s content is being displayed. Flexible images, fluid grids and the site navigation are automatically adjusted to fit the screen. Let’s show you an example. Take a look at the new TEDxRVA website recently launched by circle S studio. When you visit the website on your laptop or desktop, you see the full website.

Responsive design illustration

If you view the website on a device with a smaller browser window, the design changes; different parts are shifted to make it easier to view on a smaller screen. A responsive web design reads what type of device it is on and adjusts automatically to fit the screen. Pretty amazing right?

Does your company need a responsive website?

Responsive design ensures that every user, no matter which device they prefer, will have a great experience. As Mashable puts it, “you build a website once, and it works seamlessly across thousands of different screens.”

Do responsive websites cost more?

A responsive designed website comes with a higher price tag than a non-responsive one, and companies considering responsive should know that going into it. The nature of responsive design necessitates additional planning, design, development, and testing to ensure that the user experience is consistent and optimized on every device. Keep in mind that having a responsive website replaces the need to build a separate, stand-alone mobile site. The fact is, choosing to go responsive should be viewed as a marketing investment. Responsive design is now recommended by Google, and has lost its status as a novelty item on the website wish list.

What if you already have a mobile website?

Now, if you already have a mobile website that is separate from your regular website, don’t feel like you need go right now and change all of it to a responsive web design. If you’re already mobile-friendly, you’re ahead of the curve in meeting the expectations of your prospects and customers. The companies that do not have mobile-friendly sites are the ones turning consumers away.

Responsive web design is the way to go

The main takeaways here are that 1) you’ll lose business if your site isn’t mobile friendly; and 2) web development is moving away from having a separate mobile site and moving toward having one responsive website, at least for the most common website applications. If you’re planning to build a new website, you should at least consider responsive web design.

Comments: 2

  • Louise says:

    Your article is prescient, coming a day before Facebook launched the new look to its newsfeed service:

    which PC design echoed the mobile-first friendly design, instead of vice versa! I don’t know why more companies aren’t doing mobile-first, with the PC design 2nd. It’s hard for slower moving corporations to wrap their head around the need for speed, and diminished clutter and sloppy design of website on desktop!

    Check out my collection of free responsive templates at:

    for a sampling of some world-class, professional level responsive themes. You can examine them in:

    for tablet/iPhone view, portfolio and landscape.

    Again, thanx for your nice article with embedded links.

  • Jennifer says:

    We at E-Squared Creative agree! If you don’t have a responsive website you’re continually missing opportunities to connect with your customers and be noticed by potential clients. Our product, App Solutions, was developed for small to medium sized businesses, because so many web and app developers are too expensive for smaller companies. Our apps and responsive sites are affordable for most businesses and help them stay competitive within their industry.

Add a New Comment

Thank you for adding to the conversation!

Our comments are moderated. Your comment may not appear immediately.