Mobile Ready to Mobile Friendly Websites

MobileFriendlyWebsites

MobileReady-MobileFriendlyDid you know 80% of customers abandon a mobile site if they have a bad user experience?
- Limelight Networks, Inc. 2011

Does your business have a mobile-friendly site? If not — or if you’re not sure — you’ve come to the right place to get started.

Mobile sites are designed for the small screen, with the needs of mobile users in mind. A mobile-friendly site can help your business connect with customers and increase sales, but a bad mobile experience can drive your customers to your competition. - Compuware, “What Users Want from Mobile,” 2011

Let's explain some of the ways a website can be planned to to include a Mobile Friendly version and how it should operate and be presented.

Keep It Quick

Make It Easy To Buy

Simplify Navigation 

Make It Accessible 

keep-it-quick

Mobile users are often short on time, squeezing in online tasks as they go about their day. To help them, design your site to load fast and make copy easy to read.

  • Prioritise the content and features that mobile users need most. Use your desktop site analytics to see what mobile users are doing.

  • Reduce large blocks of text and use bullet points for easy reading.

  • Compress images to keep them small for faster site loading.

make-it-easy-to-buy

No matter what your site’s objective is, your customers need to be able to do it with a virtual keyboard and no mouse. Make it easy to buy something or contact you!

  • Focus on information that will aid conversion (i.e., product details).

  • Reduce the number of steps needed to complete a transaction.

  • Keep forms short and use the fewest number of fields possible.

  • Use check boxes, lists and scroll menus to make data entry easier.

  • Use click-to-call functionality for all phone numbers.

simplfy-site-navigation

No one likes to be confused. Clear navigation and, on large or complex sites, search functionality, will help your customers easily find what they need.

  • Minimise scrolling and keep it vertical only.

  • Use a clear hierarchy in menus and avoid rollovers.
  • Help users navigate between levels with clear back and home buttons.

  • Use seven links or fewer per page of navigation.
     
  • Have a search box prominently available on complex sites.

make-site-accessible

Ideally, your mobile site should work across all mobile devices and all handset orientations.

  • Find alternatives to Flash – it does not work on some devices.

  • Use HTML5 for interactivity and animation. 

  • Adapt your site for both vertical and horizontal orientations.

  • Keep users in the same place when they change orientation.

Listen, Learn, & Iterate

Use Mobile Site Redirects

Make It Local

Make It Thumb Friendly

listen-learn-iterate

Good mobile sites are user-centric, which means they’re built with input from your audience. Ask your desktop site users what they want in a mobile website and make testing and optimisation an ongoing process.

  • Use analytics to understand how people use your site.

  • If possible, especially for complex sites, do user testing before implementation and collect user feedback after launch.

  • Iterate often and continuously improve your site based on your research.

use-mobile-site-redirects

A mobile site redirect is code that can automatically tell if visitors are using a mobile device and send them to the mobile-friendly version of your site. Have your site developer implement this redirect code so your customers get the best version of your site for their needs.

  • Give users a choice to go back to the desktop site, but make it easy to return to the mobile site.

  • Let users choose which version they prefer to see for later visits.

  • Include key information, such as your address or a store locator, on the redirect page.

make-it-local

Consumers look for local info on their phones all the time—from locating the nearest gas station to finding an open pizza place. Include functionality that helps people find and get to you.

  • Have your address or store locator on the landing page.

  • Include maps and directions. Use GPS to personalise when possible.

  • Allow users to check stock at nearby stores.

make-it-thumb-friendly

People use their fingers to operate mobile devices – especially their thumbs. Design your site so even large hands can easily interact with it.

  • Use large, centred buttons and give them breathing room to reduce accidental clicks.

  • Pad smaller buttons to increase the clickable area.

  • Pad check boxes by making the text clickable.

It is estimated that by 2013 there will be 1.7 BILLION mobile Internet users who will not own laptop or desktop computer. These users will be functioning on pads, cellular phones, and other mobile enabled devices. Don't miss out on this growing market!

Contact us today for a free analysis of what it would involve for Eclipse Web Management to design a mobile friendly version of your website!