What is a Responsive Design?


Devices such as desktops, laptops, tablets, and smartphones all view a website differently. A responsive website allows visitors to experience the ease of reading, the ability to navigate,  optimized graphics and content for faster loading no matter which device they are using. In today’s world of mobile-friendly, a responsive website ensures that your visitors will see your website in a clean and organized format without losing access to important information or have to worry about being able to read your website cleanly.


Over 46% of internet traffic is accessed using a mobile device such as a smartphone with social media and videos taking up the lion’s share.  In addition, Apps from the Google Play and Apple App Store see a significant share of use. With the increase of mobile usage, websites must also respond to the demand and make it easier for users to find the information they need in a format that works. Responsive design taking over from mobile apps for smaller businesses to ensure visitors can read the content on their mobile devices.


According to Google Analytics, if your site visitors have difficulty navigating your website, then the chances are over 60% will leave and go elsewhere. However, if the site is easy to navigate, then more than 70% are more likely to stay on your website.

Responsive web design has resulted in websites being able to be accessed everywhere so by ensuring your website is using a responsive design, your visitors will be able to view your site correctly across multiple platforms.

How to Build a Multi-Platform Website

How to Build a Multi-Platform Website


Q: Can I build a single website that works on a computer, a tablet, and a smartphone?

A: For the most part, yes. And with your customers increasingly viewing your website from a number of mobile devices (iOS, Android) and on various browsers (Google Chrome, Internet Explorer, Mozilla Firefox), it’s an important goal to achieve. In geek-speak, this goal is possible through “responsive web design,” meaning web design for multiple devices.

Jonathan Smiley, partner and design lead at Silicon Valley product design firm Zurb, says responsive web design cuts down on development time and can open up your content to a broader array of users. We asked him for the lowdown.

Do business owners really need to care about responsive web design?
It’s here now, it’s not going away, and it’s much easier for you to convert your web presence now, while the number of devices is relatively small than get into it in a few years. Mobile devices are absolutely the future, and everyone needs to be ready for it.

How does responsive design compare, cost-wise, to traditional web design?
If you count your cost in time, responsive design is a little more expensive. If you count your cost in customers, it’s much, much cheaper. Responsive design lets you automatically approach customers from all kinds of places, on all kinds of devices. If you target, say, the desktop user only, you’ll be targeting less than 50 percent of potential customers by the middle of next year. You spend a little more upfront in order to make a lot more later.

How much more effort is involved with responsive design?
It will always take just a little more thought and a little more time to think about how a design will function across multiple formats and devices. However, using responsive web design to build one multipurpose site is much faster than building sites specific to a number of different devices.

What are some design challenges?
It’s difficult to create a single website design that works for every device out there. There’ll be a degree of tweaking and iterations to work through before you create a great experience. For example, the landscape-size photo you use on the website might need to be swapped out with a square image that’s suitable for a smartphone. Or you’ll want to replace the word “download” on a button with “learn more,” because mobile users won’t usually click on a download. Another: putting your website’s main subject categories (Home, Contact, etc.) across the top of your site works when viewed on a computer’s web browser, but not on a smartphone screen, where a vertical list is easier to read. So while responsive design is faster than developing numerous different sites, it’s still not going to be plug-and-play. This is why it takes longer to do than a single website.

Mikal E. Belicove
Magazine Contributor