Boost mobile website design

3 Easy Ways to Boost Your Mobile Site and Avoid Penalties

Last year smartphone usage was projected to reach 2.87 billion worldwide. Statista measured website traffic from mobile devices worldwide in 2018 at 48.2%. Additionally, mobile users downloaded 178.1 billion mobile apps at the start of 2018. 57% of consumers who used their mobile phones to access websites online claimed they weren’t likely to recommend a business with a non-responsive website.

In fact, more than half of consumers on mobile devices who are disappointed by mobile versions of websites apply those negative thoughts about the business itself. When it comes to eCommerce, 82% of customers use their mobile phones during their shopping and decision-making process. In a survey, 61% of people said a great mobile experience improved their opinion of a brand.Source of Statistics

What do all these statistics have in common? They show that your overall mobile UX is crucial to customer happiness, return and recommendation of your business. The truth is mobile is the future internet with smartphone usage increasing yearly on a world scale it is more important than ever to place your focus on a mobile responsive layout for your website.

While in the past, most web designs focused on a desktop layout it’s best to ensure you use a design that has a built-in mobile responsive option so that when your customers visit your site on the go they experience an optimal site that ensures your conversions stay high and your brand awareness is spread via word of mouth.

Here are 5 fails of mobile sites, how to make them more responsive and avoid penalties.

3 Mobile UX Fails and How to Fix them and Boost Your Site

Fail 1: Website isn’t mobile friendly

Your website template doesn’t support a mobile responsive version.

Many business owners make the mistake of thinking the desktop version of their website will automatically translate to being responsive, aesthetically pleasing and useful on mobile devices. This couldn’t be further from the truth. If your template doesn’t include a version that was made to respond well on mobile devices you’ve failed.

What makes responsive better? It means that the desktop version of your website will automatically respond to fit the size of the mobile device your visitor is using. On a site made for desktop only website the resolution, images and menu are set specifically for desktop responsiveness—whereas, on a site with built-in responsiveness for mobile the resolution, menu and images will automatically adjust on a smartphone or tablet making it readily respond to the new device.

If you built your website years ago chances are you haven’t checked what your website looks like on a mobile device like a smartphone or tablet. We recommend that you do so to see how your site loads on the mobile device of your choice. Looked awful, didn’t it? Did you find yourself scrolling to the left or right to see the entire page? Did images take forever to load? Was the menu hard to navigate? This is what potential visitors will experience and chances are they’ll click out of your site and visit your competitor. In fact, it takes less than a second for users to have an opinion of your business before clicking out.

Beyond losing customers and gaining negative ideas about your brand and business, not having a mobile responsive version of your website might also affect how Google ranks your site. Google may remove your webpage from SEO rankings in a mobile search (SERPs) if your site isn’t mobile-friendly.

{insert screenshot showing a non-responsive template on a mobile device vs a responsive template}

How to fix it

Use a template that is both aesthetically pleasing, useful and responsive on both desktop and mobile versions. Be sure to preview your website for desktop, smartphone and tablet versions. You want to look for a change in resolution, menu drop-down options and images loading in less than 2 seconds.

Fail 2: Big image and video files

These are slowing down your website and affecting page load time.

Again, open up your website on your phone and see how long it takes for it to load. If it took longer than 3 seconds then your site is much to slow. Remember, mobile users, are impatient and have short attention spans. Your website needs to load fast than 2 seconds to ensure they stay on and convert to paying customers.

If your website relies on large image files on tons of product pages then you might want to consider optimizing them for mobile. Similarly, if your site includes video files, gifs and other add on media that is meant to enhance the overall experience you might want to consider hosting the video files elsewhere so that your load time is cut in half.

How to optimize images

Optimize the images on your site, host videos on a file-sharing website like YouTube or Vimeo and add the link to your site. Then use a free tool to check the speed of your mobile site and continue to optimize until it loads in less than a second.

Fail 3: Your mobile site has no visual hierarchy.

There’s a lot going on and users’ eyes don’t know whether to focus on your Logo, Heading or Call-To-Action. It’s time-consuming to go scan a website on a mobile, so optimize user experience by dividing the content into logical sections. Create individual Headers for each section using H1, H2 and H3 tags.

This provides intuitive user experience and will engage users for longer increasing the chances of purchase on your website and a return customer.

The most important information for your users should be at the top of your website. Then get into specifics as they scroll down. Consider what the visitor is expecting to see and then answer the 5 W’s: Who? What? Why? When? Where? Followed by asking yourself if you can see the major selling points or brand message on your website.

How to fix it

Create a site plan for your website. This helps you to outline your website with key categories so you can eliminate any unnecessary extras and information.

The Takeaway

Having an optimized mobile site is tantamount to your business’ overall success. Users will judge your business negatively if your mobile site isn’t responsive, loads quickly and has no visual hierarchy and structure. Constantly check your website’s load speed whenever you make any additional pages, add media and images or upgrade to a new template.