I appreciate that a huge number of my recent blogs have been about mobile websites but I have good reason – mobile internet is very, very important to your overall marketing strategy!
Did you know that 61% of users are unlikely to return to a website that they had trouble accessing on their phone? Giving consumers the best possible experience on their mobile device is critically important. A poor mobile web experience can negatively shape a consumer’s opinion of your brand and make it hard for them to engage or make a purchase.
Please take a look at the following article and learn a little more about what is expected of a website mobile friendly website…
Clearly, the best consumer experiences on mobile devices happen on websites that are designed specifically for mobile. But being mobile friendly is more than just fitting onto the screen. Follow these best practices to turn your site into a great mobile experience.
A redirect code
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. And because people use multiple screens throughout the day, convert as much of the functionality of your desktop site to mobile as you can to create a seamless experience.
Keep your mobile site quick. Mobile users are short on time, squeezing in online tasks throughout their day. To help, design your site to load fast and make copy easy to scan. Use your desktop site analytics to see what mobile users are doing, then prioritise content accordingly. Reduce large blocks of text, use bullet points and compress images to keep them small for faster site loading.
Clear navigation will help your customers easily find what they need, so use seven or fewer links per page, include back and home buttons, provide a prominent search box and eliminate rollovers. A mobile-friendly site will feature minimal scrolling and a clear hierarchy too.
Design your site for clumsy hands and a small screen. Create large, centered buttons with plenty of breathing room to reduce accidental clicks, and pad out smaller buttons and check boxes to increase clickable areas. Make it easy for your customers to read content by creating contrast between your background and text, while ensuring everything fits and can be read without pinching and zooming.
No matter what your site’s objective is, your customers need to be able to achieve it with a virtual keyboard and no mouse. Make it easy to buy something or contact you by reducing the number of steps needed to complete a transaction and using click-to-call for all phone numbers.
Consumers look for local information on their phones all the time, from locating the nearest florist to finding an open chemist. Include functionality that helps people find and reach you. Feature your address or store locator on the landing page, and include maps and directions.
Ideally, your mobile site should work across all mobile devices and all handset orientations. Find alternatives to Flash, which doesn’t work on all devices, and consider HTML5 for interactivity and animation. Remember to adapt your site for both vertical and horizontal orientations too.