Responsive Web Design: The Next Mobile Mega-Trend

Responsive Web Design: The Next Mobile Mega-Trend

We’ve all seen, heard and felt the huge shift toward mobile. In case you need a reminder, these stats tell the story:

What’s responsive web design?

Responsive sites are mobile-friendly. But not all mobile websites are responsive. A mobile website is a separate site. Visitors on phones are redirected to a separate site, usually at an address such as mobile.website.com or m.website.com.

But with responsive web design, one site works well on both desktop and mobile devices because it rearranges itself depending on the size of the screen. It “responds” to the browser. Big screen desktop? The site looks great with big images and several columns. Small screen phone? The big photo disappears, navigation consolidates, and page elements shift into one column.

It’s one site, but it looks great on phones, tablets, and desktop computers. One site to build, one site to manage, one site for Google to crawl.

Tip: To see if any site is a responsive web design, just click the bottom right corner of your browser and drag the mouse up and left. If the site layout changes as your window gets smaller, it’s responsive.

Welcome to the biggest trend in mobile.

The word is out, and the marketing world is waking up. Monthly Google searches for “responsive web design” have gone from zero to 18,100 in the last 2 years. This graph shows the interest in responsive web design. Looks kind of like a hockey stick…

Are website owners responding?

Not so much. Aside from a few big brands, media companies, and boutique design shops, very few companies are building fully responsive sites. Even web design companies are falling behind. Only 4% of the companies in Crain’s Web Developer Directory have responsive websites. In fact, 80% don’t even have any kind of mobile website.

Cobblers’ children go barefoot? Many Chicago web design companies don’t have mobile-friendly websites.

– 80% not mobile-friendly
– 16% separate mobile website
– 4% responsive web design

Tip: Mobile-friendly websites are especially important for companies active in email marketing and social media. Traffic from these sources is often on mobile devices.

Back in my day…

Ten years ago, I had to convince people that a content management system was a good idea. Now, everyone expects their website to have a CMS. Responsive will be the same. Just as we expect our sites to look good on Chrome, Explorer, Firefox, and Safari, within a year we’ll all expect our sites to look good on our phones. One site for all devices.

Technology and design trends are ready. Not a bad time to design a website. If your planning a site now, make responsive one of your requirements. And if you’re already in the midst of a web design project, it’s not too late to ask…

More Guides You Will Love

The 5-Step Process for Finding the Best Designer and Developer for Your Business Building a website for your small business is a lot like breathing.  It’s an essential.  If you read my last post, you heard about my unpleasant experience with building my own site.  My experience was an extreme one.  Still,...
A Beginner’s Guide: The 5 Steps to Great Design for Your Startup Before embarking on a ship with some of the most innovative entrepreneurs for Unreasonable at Sea, an accelerator circumnavigating the globe designed to solve the world’s most urgent social problems, I figured that the compan...
Great Design Can Make or Break a Startup I’m a firm believer that design can be a game changer for businesses. This is especially true for startups. Great strategic design can be the difference between a startup's success and failure in the early days of hitting the...
The Basic Elements of Visual Design This past week in our The Starter League UX class, we dove right into the basic elements of visual design. The purpose of the class wasn't to go in depth on visual design, but rather, to become familiar with basic terminol...
Building a Website? Make Sure You Choose Design Patterns and Build Wireframes First. It’s Week #6 of the UX Design class I’m taking at The Starter League! By the way, they are still accepting some late applications for the spring quarter, but spots are really limited–so make sure you sign up very soon if you'...
UX Design: What Features Should You Include When Building Your Product? It’s Week #5 of the UX Design class I’m taking at The Starter League. Last week, we talked about tools you can use to build your best product. This week, we're diving right into the nitty gritty of product usability analysis,...
Responsive Web Design: How to Make Websites That Look Great on Any Screen The web has always been a work in progress, but never so much as in the last few years. The introduction of the iPhone in 2007 opened a vast new world where we were able to view the real internet—not a stripped-down mobile we...
UX Tools You Can Use to Build Your Best Product It’s Week #4 of the UX Design class I’m taking at The Starter League. Last week, we covered techniques to help you define your user base and position your product. And what better way to start this week off than by talking ab...
Starter League UX Design: How to Define Your User Base & Position Your Product It’s Week #3 of the UX Design class I’m taking at The Starter League. After covering top visual design techniques and research methods last week, we dove right into affinity diagramming, user modeling, and product vision. It'...
The Starter League UX Design: Top Visual Design Techniques and Research Methods It's Week #2 of the UX Design class I'm taking at The Starter League. After covering UX design heuristics last week, we dove right into these three topics: Visual Design Principles Conducting Surveys Conducting Field ...