How To Make Your Website More Mobile Friendly

How to make your website mobile friendly image

If you haven’t been taking strides to make your website more mobile friendly, you’ve probably lost out on a good group of visitors who will choose a competitor who has, especially if you have one of the sites that restricts access for mobile users. We probably speak for many when we say we’ve been upset when we can’t see a website properly or need to zoom in to read or click on something specific.

“40% of people will choose another result if it is not mobile friendly. People know they have multiple options at their fingertips, so they are more inclined to leave a site that can’t provide them a seamless user experience while they are on their mobile device” - iAquire & SurveyMonkey

The vast group of millennials, who have the largest share of the buyer’s market, are always on their phones; many of whom don’t even have desktop computers. Phones have become the new computer. According to a study done by Comscore in 2014, about 62% of total digital media in Canada is done via mobile phones over traditional platforms. There’s still a fairly large portion of people, however, in Canada, who still rotate between desktop and mobile according to their needs.

When you begin looking at your website needs, you could pay to have your website given a mobile facelift or add a plug-in, and have some of your content unavailable to your visitors, or simply use these tips to get you started:

  1. When designing your website, plan how your website may be viewed on a mobile from the very beginning, so that you have less of a chance of facing problems in the future.

  2. If asking a customer to fill in an online form (such as signing up for an account, making a purchase or subscribing to an e-newsletter), if you can, turn off auto-correct so their name doesn’t change if it isn’t recognized when they type it in. And, try turning on the auto-capitalize function to help them out as well.

  3. If you have a call to action or a grocery cart button, make them big enough to tap without the need to zoom in.

  4. When uploading photos to your website, set the input and photo widths to 100% so that they automatically adjust when opened on a mobile browser.

  5. Custom fonts may not show up on mobile phones, so try and stick to more popular web standard fonts, such as our favourites Futura, Lato and Open Sans. And, make them a bit bigger in size to keep your viewers from needing to squint their eyes to read.

  6. Who are you building your website with? For example, if you’re with Wordpress, you can check and make sure your theme is mobile friendly, update it so that it is, and then switch into demo mode to preview and make sure everything aligns correctly.

  7. You can test your speed (no one wants to wait for pages to load) and the friendliness of your website on Google. They’ll run a check and give you diagnostics on how you can improve your site.

  8. Finally, look around at other websites in your’s or other industries for inspiration and tricks that you may be able to implement in some way on your own website.


Kimberley Falk - Multimedia Writer