Mobile Optimisation Checklist

Mobile devices will drive 80% of global internet usage in 2018.

Zenith

5-5.1-inch is the most used screen size, 720 x 1280 is the most used screen resolution.

DeviceAtlas

Google says 61% of users are unlikely to return to a mobile site they had trouble accessing and 40% visit a competitor’s site instead

MicKinsey & Company

Having a website that isn’t mobile optimised isn’t even an option anymore. It’s doing you more harm than good. It would be better to just use social media than pushing people to a website that doesn’t perform well on mobile devices. As well as making it easier for customers to see your website, a mobile friendly site can push you up in the search engine rankings if someone is searching for your business on a mobile or tablet. Google and other search engines will actually punish you for a non-mobile optimized site, so you’re not even going to be able to rank properly without one.

Woken up yet? Good. Here is our checklist to make sure your website is ready to boss 2018:

  • Breakpoints are your Friend

Desktop sites don’t automatically become mobile optimized when you are creating them. They need to be resized so that they are easy to scroll through and read. The easiest thing to do is to code your website using breakpoints that the text and images are resized according to the screen size of device it has been opened on. This will make your site responsive and means you don’t have to work out measurements for every possible device, just optimise for a few standard screen sizes e.g. 768px, 640px, 480px etc. Your site will then respond to the different devices and also save your business time and money. Some services like WIX will offer a desktop and mobile version which isn’t ideal but is better than having no mobile optimisation at all.

  • Get those Image Sizes Down

It can be so annoying for customers if they are trying to find your website but it is taking too long to load. A combination of large content size and downloading it using mobile data can be a bad mix. Whilst resizing your text, don’t forget to resize or remove your images so it makes the website smoother to run. Faster loading sites keep customers hooked, whereas slow loading sites will have people clicking away, hoping they will find somewhere faster. Optimise your images using the right resolution using a photo editing program like Photoshop before you upload to your website. We also recommend reducing the quality slightly if your images are still more than a few hundred KB. Another option is to use your breakpoints to display a smaller mobile specific image when it hits a certain resolution meaning that people on mobile devices won’t have to load the larger desktop images. Reduced loading sizes is also very important for you SEO score.

  • Make it Thumb Friendly

Mobile screens are a lot smaller than laptop or desktop computer screens. This means it can be easy to press the wrong button if text is too small on a mobile optimized website. A fix for this is to make sure the size of the text is easy to read, and the navigation of the site is simple and easy to use. It may seem like a waste of time, but if sites are hard to use, people stop using them. This results in less business. Remember people are clicking with a thumb, not a mouse. Keep it clear and spaced out reducing any overlaps. Another important thing to note is that the most accessible part of your mobile screen is the bottom right due to the way we generally hold our phones. The top left is the least accessible part and requires people to change their grip to click any links, so avoid putting important links there.

  • Things to Avoid

Unplayable Content – Most phones can’t play videos embedded into website pages as they need Flash to play, and phones aren’t built with those media players enabled. Use YouTube or Vimeo videos on your pages so they can easily be viewed.

Pop Ups – Some sites have pop ups shown as you enter the site, whether they ask for your email or inform you of something. However, if these pop ups aren’t also considered whilst created a mobile optimized site, they can ruin the experience for customers and possibly result in them finding another company with an easier to use site. This loses business for your company. Either resize them, or get rid of them.

JavaScript – Javascript has many problems being used on mobile devices and is not supported on many platforms. Our advice is to either not use it or to minimise it as much as possible.

So as you’ve hopefully learnt, having a mobile optimised website is so important. It may not be as simple as you think to convert your site so that it’s easier for mobile devices and tablets to view it, but it will help your website receive more views, and hopefully more customers through making it simpler for people to use and navigate it.

Posted in Mobile Optimisation, Tips, Web Design.

Leave a Reply

Your email address will not be published. Required fields are marked *