Why mobile-friendly websites matter

7 December 2017

My phone is my ‘go to’ when I’m looking to do some on-the-spot research. If I’m travelling or waiting for something, the chances are I’m looking something up on my mobile.

 

I know I’m not alone here – we touch our phone more than 2,500 times a day on average, which is equivalent to around three hours of mobile browsing per day.

 

Sometimes browsing goes like this:

I land on a website that has content that fits my needs and is presented in a way that’s easy to locate and understand.

 

Mobile friendly websites matter

 

I’ll bookmark the page and revisit it later – where there’s a good chance my return visit will turn into a conversion, such as a phone call, personal visit or use of an enquiry form.

 

 

But all too often, it works like this:

I click on a website link and wait, wondering if it’s loading, then hit the back arrow, because I know there are always other options I can look at.

 

No one likes a poor mobile device experience

Speed and usability are important on all mobile devices (phones, tablets and laptops).

 

Unfortunately, these experiences happen all too often and these businesses lose potential customers due to the huge range of other options just a tap away. In fact, it takes less than three seconds for visitors to decide not to persist with a poor mobile experience. The beauty of the internet is that there are always alternative sites that provide the information you want in a way that’s faster, easier and more professional.

 

 

What is ‘mobile-friendly’?

Being mobile-friendly is all about creating a positive user experience for people accessing your site on a mobile device.

 

It’s putting thought into what someone wants to see when they first go to your site, what they want to do and how they would use the site. It’s considering the hierarchy of needs – the information visitors want first – and making it easy to find and use that information in the first few seconds.

 

“40% have turned to a competitor’s site after a bad mobile experience.”

Google

 

 

Mobile-friendliness is hugely important to your business

There aren’t many businesses that can afford to turn their back on 60% of their potential customer base. Yet, we know that more than 60% of New Zealanders own smartphones and more than 60% of web traffic is now from mobile browsing.

 

In fact, even as far back as 2012, a Google-led survey established that:

  • 61% of visitors were more likely to leave when a site wasn’t mobile-friendly.
  • 67% were more likely to purchase when a business was mobile-friendly.
  • Visitors are 74% more likely to return when a website is mobile-friendly.

Five years later and the majority of web traffic is now coming from mobile browsing. That’s a massive segment that has come to expect the quality and speed of an app and will just as quickly leave, rather than put up with a poor website experience.

 

If you’re online to attract visitors to your business and want to convert those visitors into customers, there’s another statistic that’s worth noting:

 

“88% of consumers who search for a type of local business on a mobile device call or go to that business within 24 hours.”

Nectafy

 

 

Online success starts with Google

Achieving online success typically begins with how well you work with Google – after all they have a 95% share of the Search Engine market in New Zealand.

 

New Zealand search engine market share 2017

 

Google wants your website to be mobile-friendly, so it pays to listen – especially as the Google ranking algorithm penalises websites that are not mobile-friendly.

 

A poorly designed website can lead to low Google rankings, poor user experiences and ultimately low enquiries.

 

 

Creating a mobile-friendly experience

How to make a positive mobile-friendly experience for visitors:

1/ Your mobile site needs to display elegantly on all devices

Your mobile site needs to render just as well on tablets and devices of all sizes as it does on a smartphone screen. There are so many mobile device sizes these days and your website should display perfectly on each of them. This is one of the advantages of a well-executed responsive design over dedicated mobile websites - read on for more information about this.

 

“57% of users say they won’t recommend a business with a poorly designed mobile site.”

Google

 

 

2/ Focus on fast page speeds

Every second counts. The faster the mobile experience, the more engagement you’ll receive. Faster loading pages lead to a better experience for your customers as well as improved conversions. It’s so important that Google uses page loading speed as one of their ranking signals.

 

“53% of people will leave a page if it takes longer than three seconds to load.”

Google

 

Yet 63% of the ‘designed for mobile’ sites we tested took over three seconds to load. Slow loading websites lose visitors, creating more opportunity for faster loading websites to engage those visitors.

 

 

3/ Keep it simple and clear

When it comes to designing for mobile devices, simple is better. Cramming content and resource-intensive items onto your site reduces the user experience. Content should be kept short and to the point, with your most important content at the top of the page, enabling customers to easily engage and flow through to your desired action or conversion – such as a purchase, phone call or online form.

 

 

4/ Provide intuitive navigation

The ease with which you can find your way around a website is the foundation of a good mobile experience. This starts with your website navigation, which should be both simple and familiar; it should load instantly, be straightforward to use, have a clear menu structure and be found in an expected location.

 

 

5/ Clear call to action

A smooth user experience makes for better engagement. One of the best ways to make browsing easy for users is by using clear call to action buttons, such as ‘view our testimonials’. Buttons should be designed so that large and small fingers can operate them easily, and it should be clear what they do.

 

 

6/ Make it easy to contact you

Make it easy for existing customers and potential new business leads to get in touch with you. Keep contact information easy to find on every page and make it clickable, for example a big ‘call now!’ button. Contact forms and maps should also be easy to use and responsive on mobile devices.

 

 

7/ Avoid pop-ups

How many times have you left a website because of those annoying pop-ups that block out most of the screen on your phone? Google research indicates that intrusive pop-ups make for a poor user experience, so websites with mobile pop-ups get penalised.

 

 

What type of website do you have?

The type of website you have will either limit or support your capacity to be mobile-friendly.

 

Desktop-only websites (common in 2000-2011)

This is the way things were done many years ago, when only one website was needed. Websites were designed for desktop computers only and not made to be mobile-friendly. Smartphones will display this kind of website, but they provide a poor experience for customers, as users will have to scroll and zoom in an effort to see content.

 

PROs

  • Displays appropriately on desktops
  • One set of content to maintain
  • Often fast-loading

 

CONs

  • Penalised in Google rankings
  • Mobile-friendly issues...
  • Difficult to navigate
  • Difficult to access content (requires zooming and left-to-right scrolling)
  • Reduces conversion/enquiry rates
  • Reduces level of referrals
  • Creates a negative impression of the business

 

Desktop only websites

 

 

Mobile-dedicated websites (common in 2011-2013)

Mobile-dedicated websites are separate websites that run alongside a desktop website. They rely on the ability to detect what type of device a customer is using to view the website. Google describes this solution as ‘error-prone’ as it can degrade a website, creating a poor experience for the customer.

With such a large variety of mobile device sizes on the market, it’s a solution that isn’t particularly mobile-friendly as it’s only been designed for two sizes and has significant downsides – both in search and in content maintenance.

 

PROs

  • Displays appropriately on desktops
  • Displays appropriately on small mobiles

 

CONs

  • Uses error-prone detection scripts
  • Requires redirections slowing load time
  • Poorer Google ranking performance
  • Two sets of content to maintain
  • Business presentation consistency issues
  • Usually a reduced level of content for mobile users
  • Difficulties accessing full-site content from mobile
  • Linking issues when sharing content

 

 

Responsive websites (the current standard 2012-2017+)

Responsive websites are sites where visitors can use the whole website on their specific screen size. Content responds without delay, adjusting to display elegantly on any device. When it’s executed well, this kind of website gives visitors the best online experience and creates the best opportunity to convert visitors into customers. Responsive design is Google recommended and has the most benefits.

 

Responsive website design

 

PROs

  • Business presentation consistency
  • Content consistency across all devices
  • Full content available for Google search
  • Easier to maintain (one set of content)
  • Easier for visitors to share and link your content (uses only one web address)
  • Potential for good load speeds (as needs no redirections)

 

CONs

  • Wide variance in quality of implementations
  • Poor implementations aren’t optimise for speed, causing a negative user experience

 

 

“Google recommends webmasters follow the industry best practice of using responsive web design.”

Google

 

 

Do you want a mobile-friendly website?

Being mobile-friendly influences whether your website is attracting new business or sending new business to your competitors. If you’re not sure how mobile-friendly your website is, we can provide a free appraisal that includes all the aspects of delivering an awesome mobile-friendly experience.

 

 

Get a free appraisal of your NZ business website