Four essential mobile optimisation tips for your website

My own web stats show that in just one week, almost 65% of my website traffic was viewed on a mobile phone. Over 20% was on a laptop, 8% on a desktop, and the rest on a tablet.

It has never been more important to design your website to look great on a mobile phone.

If you don’t have this in mind when you put your website together then make it a new year resolution RIGHT NOW to resolve this in the first few weeks of 2023.

Now, some of you might be sitting there thinking hey, I use a template, and it’s responsive, I know this because the guy who put that template together told me…well that’s great, but since you filled it with your own text and images, how does it look now? I bet it looks completely different to the demo site you saw before you bought that template…

When I design websites, I check them out with “virtual devices” such as the iPhone 12 Pro Max, a regular iPhone 12, and the smaller iPhone SE as that covers the majority of screen sizes you’ll find out there.

The biggest offenders when it comes to the challenges of responsive web design are as follows…

Navigation

KOROVA - Affordable Web Design for Small Businesses

As more and more users are accessing websites on their mobile devices it’s essential that websites have good mobile navigation. Screen sizes are small…you don’t want thousands of menu options that just don’t display on a phone.

A website with poor navigation can be frustrating leading to a negative experience. Mobile users are typically on the go and want to find information quickly and easily.

Move that complicated navigation menu into a slide-in or pop-up menu. Both work really well on smaller screens and make sure you size the text in a way so that the option is easily clickable with a finger.

Buttons

Buttons are the primary way that users interact with a website on a mobile phone. They allow users to perform various actions such as submitting forms, adding items to a cart, and navigating through pages. Therefore, button size plays a crucial role in ensuring users can interact with a website efficiently and effectively.

Larger buttons are easier to tap, making them more accessible to users with motor impairments or those with larger fingers. Small buttons can be frustrating for users, leading to errors and making it difficult to navigate a website.

Image Quality

Desktop and laptop computer screens are already great quality but phone screens are way better and offer much higher resolution and colour depth.

Images that are already grainy/noisy or out of focus are really going to stand out on a phone screen, and not in a good way.

The trick however is to maintain picture quality but make sure that the images aren’t too large in size that they take forever to download on a phone. Top tip – Shortpixel is a great plugin to have installed if you have WordPress!

Page Load Times

KOROVA - Affordable Web Design for Small Businesses

Having all these fancy pants videos, scrollers, sliders, and animations are great but your website visitors will hate you for consuming all of their phone data just to show some information about the services you offer.

Mobile users expect websites to load quickly and anything longer can lead to high bounce rates where users leave the website before it even loads resulting in a lost opportunity.

To test your website on different devices, check out Screenfly, it’s free to use and you can view it on a huge number of different virtual devices, it’s really useful!

Wrap-Up

It’s getting to the point now where we need to consider designing our websites primarily for mobile users. The stats are clear and for businesses who want to succeed in today’s digital landscape, visitors who use phones to browse your website must be a priority.

The other thing you need to consider is that Google and other search engines are prioritising websites that are optimised for mobile devices. A mobile-first website can also give you an advantage over a competitor who has a website that doesn’t look great on a phone.

I hope that this post has given you an insight into why it’s important to make that sure your website looks great on a phone!