Avoid these mobile design mistakes on your website


Look around on you today, regardless if you are shopping, in a cafe for a quick coffee or on Public transport, the chances are most people around you will have or be on their mobile phone/device. It is quick and convenient to use and allows users to get information on the go without the need for a desktop or laptop.

Did you know….

  1. 80% of users used a mobile device to search the internet
  2. 40% of online transactions are done using a mobile device
  3. US mobile search ad spending was estimated at 28.12 Billion
  4. More than 50% of websites are using responsive web design technologies that work for all devices
  5. More than 3/4 shoppers use mobile devices along with physical shopping
  6. Nearly half of users read reviews of all purchases on their mobile phones
  7. Nearly half of mobile users switch to your competitor instead, after a bad experience with your mobile site

Yet so many websites are not mobile-ready (responsive) and will mean that these businesses will be losing revenue. What’s more, those that are responsive have not been set up correctly and gives a poor user experience. For your ease, here are some areas to look out for with your own website on mobile:

One design does not fit all –  Yes it looks great on the website so now let’s have the same look and feel on the mobile! The issue is that different mobile has different screen sizes and is virtually impossible to get the exact same look and feel. The nice scrolling banner on your site might not look so good on mobile versions and you may have to sacrifice some elements of the design to get a good user experience.

Menus – These should be easy to navigate and simple to access (normally via the hamburger menu icon). Consider also the real estate within the menu section as well where you can add in Call to actions (CTAs) and your phone numbers so that user can click and call straight from their mobile.

Elements too close together – Spacing and layout on mobile is totally different from the desktop. So consider having images appear before text for example rather than next to them. If the elements are too close or even overlap, these can cause issues with mobile users experience of the site, so consider a different look to the page and even think about keeping it a lot simpler than the desktop version when it comes to the look and feel.

Using oversized images –  Image sizes will need to be reduced both in physical size and in file size. This avoids both the issues with images looking too big on the screen and slowing your mobile site down when it comes to loading.

Test it –  often the best thing to do is just to test it. Open your site on your mobile and make notes of any issues or problems with layout, images and overlapping headlines. Also, check the menu is actually working along with any phone links.

Leave a Reply

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

Overwhelmed by Social Media?

Download our free guide to learn how to connect and share with your audience on Social Media. You’ll learn how to get started and engage with your followers on an on-going basis.