Moving from "Mobile Friendly" to Responsive Design

We told you that mobile usage was on the rise and we were serious! We’ve been crunching numbers and are finding that a lot of local businesses are seeing a significant increase in the percentage of mobile users visiting their websites.

Throughout the coming weeks we’re going to be highlighting some of these industries to show you that the increase in mobile will have an effect on businesses in every industry. Some of the industries seeing the biggest spike are pretty surprising!

Mobile will be a game changer, and it’s something you need to start thinking about now because this trend presents unique opportunities that require a bit of planning.

First things first – it’s important to distinguish between a website that’s mobile friendly and a website that is responsive.

Mobile friendly basics

Adriel talked earlier about how most of the latest mobile browsers can take a website and make a somewhat successful miniature version of your site – which is good enough for now, but it won’t be forever.

Avoiding Flash, hovers, pop-ups, and gratuitous animation are important basics, but you still have to remember that there just isn’t enough screen real estate on a mobile device to match the usability of your website when viewed on a normal desktop or notebook. Add to that the lack of concentration that most mobile users have when they’re accessing data and suddenly chances of making an error and customer frustration have increased – which is not a good thing.

Responsive design basics

A website that is built responsively is an impressive thing, some people might even call it magic! It doesn’t matter if your website is being viewed on a phone, a tablet or a computer because the site layout automatically adjusts itself as the screen size changes. As the screen gets smaller, the bells and whistles of your website are hidden and what remains: simple navigation, quick load times, and immediate visability to the most important pieces of your webpage. All of which mobile users love.

The graphic below shows how a new website we recently built for ATB Investor Services using responsive design works.  Watch our blog for a more detailed analysis of this project.

How can you stay ahead in the mobile game?

Aside from calling and asking that we build you a responsive website, what can you do to prepare for the mobile onslaught? We have a few suggestions:

Pull out every mobile device you can get your hands on and go through your site, page by page, analyzing it from a mobile customer’s perspective.

  • Is it quick loading, or are you waiting for large images to load?
  • Is it easy to navigate, or did you get frustrated because you couldn’t locate what you wanted?
  • Is it finger friendly? Were you able to easily select links and checkboxes, with few errors?
  • Is it easy to convert? Were you able to buy something or submit a contact form?

Make a few notes about your experience. If you’ve encountered some issues, chances are your mobile customers have as well. This list is where you should start.

Tackling these issues won’t give you a responsive site per say, but looking after them will give you a more mobile friendly site. Providing a more positive experience for mobile users should translate into an increase in conversions for your business.

Contact Us