Responsive Web Design


Are You Mobile Responsive?

Can your customers find you when they are on the go? Or are you one of the business owners who doesn’t have a responsive / mobile website?

Think about it – One-half of all internet searches for LOCAL products and services are done on mobile phones and mobile users are 4 times as likely to buy something on their mobile phone than on their PC.

If your website isn’t easily accessible to mobile users you’re probably losing business to competitors who have mobile/responsive sites.  Having a website that is responsive to all devices  isn’t hard – there is a simple solution.

There are many screen sizes

Why All The Fuss About Mobile Responsive Website Design?

The shift to mobile is happening at an extraordinary speed. Last year for the first time since 2001, PC sales actually declined.  What is selling more? – Mobile devices.  50% more this year than 2012 according to experts who predict 1.2 Billion tablets and smart phones will be sold worldwide in 2013.

What Does This Mean For Your Business?

Depending on the business sector, many websites can expect 30% to 50% of their traffic to be mobile. Restaurants and neighbourhood services can expect the percentage of mobile traffic to be even higher than that.

The solution for every business is to make sure that they have a website that works equally well on every device. That is where responsive design comes in.

What Is Mobile Responsive Design?

Responsive web design is a way of making a single website work effectively on both desktop browsers and the myriad of mobile devices now available. Responsive architecture gives the best quality browsing experience – whether on a smartphone, tablet, netbook or e-reader, and regardless of the operating system.

When a website is responsive, the content and layout adapts (or, responds) based on the size of the viewer’s screen.A responsive website determines the screen resolution of the device the viewer is using and then fluidly resizes flexible images and grids to correctly fit the screen.

There are generally four screen sizes that responsive designs aim for: the widescreen desktop monitor, the smaller desktop (or laptop), the tablet, and the mobile phone. As you can see in the examples below, as the screen gets smaller, the content shifts and changes to the best display for each screen.

Why You Should Care About Mobile Responsive Design?

You should care because you want your website visitors to have the best experience possible.  If you force them to adapt themselves, you increase the likelihood that they will leave your site to find the website of a more responsive competitor – and you wouldn’t want that.

How To Give Your  Website Audience A Good Mobile Responsive Experience

1. Optimize the layout of your content.

Readers browsing your site from a mobile phone generally don’t have a lot of screen Example of Mobile Responsive Screensreal estate to work with. Today many phones typically zoom out automatically, allowing the entire website can be seen onscreen. This can be good, as it gives the reader access to the entire site, but it can also be frustrating when trying to find specific information which may be located in a tiny part of the upper right side of the screen. If your site would move some things around, make some things bigger, and not have as many columns, you would give your mobile reader a much better experience.

2. Adapt the content that’s shown.

If you own a restaurant and a potential customer is browsing your site from a mobile phone, chances are they aren’t that concerned with how pretty your site is. They want to know what your hours are, where you’re located, how to make reservations, and they want a look at your menu.

On the other hand, the potential Example of Mobile Responsive Screencustomer browsing from a desktop computer probably isn’t looking to eat right now, and isn’t in a hurry to see where you’re located and what your phone number is. Most likely, he’s looking to see if you offer a good atmosphere and what kind of food is available.

These are obvious generalizations, but you can see the benefits of having differing content presented to people in different screen viewing circumstances.

Mobile responsive design takes care of this “on the fly”, without the necessity of maintaining multiple versions of your site.

Its Easy to Get a Mobile Responsive Website

All of this may be new to a lot of you, and fairly intimidating, since it requires not only a change in code and design, but in your overall web strategy and philosophy. But don’t worry. Our team at Mango42 is ready to help convert your current website to a mobile/ responsive format or design a new one with this capability built in.

Get Your Free Consultation