Ten years ago people were saying “the mobile revolution is coming”. Now it’s 2020, the mobile revolution has been here. We are reaching a watershed moment where mobile traffic will outpace desktop traffic for the first time ever. Everywhere you look, people are on their phones.
But many companies still do not have a great mobile web experience. One thing that we stress here at Icreon is making sure your mobile web experience is as cool, functional and visually appealing as possible. You’d be surprised how a few obvious, and simple mistakes can take away from the mobile experience of your website. The following are Icreon’s Top 5 best practices for mobile websites.
1. Text Size
It might seem obvious, but text size plays a very important, and often overlooked role in a mobile web user experience. When Google scans your mobile website, it will penalize you if your font size is not large enough. Besides making your website mobile-friendly in the eyes of Google, it’s important for UX that your content is easy to read and legible. You don’t want users coming to your website, and then having to squint at small text. Icreon recommends a font size that is large enough so that it’s easy to read on the smallest Phone screens, and in a font color that’s easy to decipher against your websites background. This seems so obvious, but many websites tend to overlook font size on mobile
2. Mobile Site Loading Speed
The second thing that’s important for creating a great mobile web experience is the speed in which your mobile website loads. This is also an extremely important metric that Google is using when determining page rankings. In addition, studies show that a user with abandon a website quickly if the website doesn’t load within 5 seconds. From a technical perspective, many companies don’t emphasize mobile loading speeds, and then they find that the majority of their traffic is quickly leaving their website. This leads to a high bounce rate. Make sure that your mobile site loads as fast as possible. Even hundreths of a second matter. “Lazy Loading”, increasing server speed, and other techniques such as image compression can help speed up loading times.
3. Spacing Between Buttons
This is another area that is constantly overlooked. But Google will penalize your mobile site if the buttons are deemed to be too close together. Just because the spacing on your buttons works great on desktop doesn’t mean that it carries over to the mobile experience. At Icreon, often we work with clients who don’t know that their mobile website was not properly optimized on mobile. We work very diligently to fix common issues that slip through the cracks; such as spacing between buttons. Spacing between buttons might seem like a minor issue, but it’s important for SEO. Google’s search algorithm will not reward your mobile site if it determines that the spacing of your buttons are too close.
4. Optimizing The Size of Your Buttons
This is similar to the spacing issue, however it involves the actual size of the buttons. This is another common issue that often goes unnoticed. From a UX perspective having buttons that are too small on a mobile device can create a frustrating experience. In addition, having a button, or buttons that are too small, particularly a call to action button, can lead to lower clicks and lower conversions. This is something that’s especially important on an e-commerce site where conversions are everything. Don’t be afraid to create large size buttons for your mobile site!
5. Too Many Images
On a desktop, you want to take advantage of the large screen size by having a lot of images. This creates a great visually appealing experience. But on mobile, where you have less space, every pixel counts. When converting a desktop site to mobile, a lot of developers want to create a carbon copy of’ their desktop site. This is something we are always cognizant of when building mobile sites for our clients. It might seem counter intuitive but sometimes having text replacing images ultimately leads to a bettwe mobile experience. Replacing images with text on the mobile version of your site can lead to a faster loading site, a site that is easier to navigate on a mobile device, and an overall superior experience.
These are only 5 suggestions for improving your mobile experience. There are a plethora of other things that can be done in order to create a modern mobile website that achieves your business objectives. Don’t be shy, if you think that your mobile site needs work, Icreon is here to help. We love nothing more then helping our clients take their business to their next level. It’s what we do best. Delivering exceptional mobile websites and mobile experiences is one of the reasons why Icreon is an award winning software development company. Reach out to us, and let us know how we can help!