Open Source Web Design's Blog!

Mobile Website

How to make your website mobile friendly?

Due to the recent developments in the technology, the number of mobile users has dramatically increased. As a result of the increased mobile usage, accessing internet via mobile devices is becoming a norm. Majority of us are now connected to internet 24/7. This is a serious fact businesses should consider when approaching potential clients. Each and every business should confirm if their website is mobile friendly, however, a surprising amount of websites don’t fulfill this requirement. Mentioned below are some essential things to verify if you expect your website to be mobile friendly.



  1. Increase the loading speed

Generally, mobile users need to access information pretty quickly. If your website takes too long to be loaded on mobile devices, you should redesign your website at your earliest. In fact, your page should be loaded within 3 seconds or less, so your visitors don’t leave your site quickly. You may check the speed of your website using a free tool like Google PageSpeed Tester.


If your website takes too much of time to get loaded, you may have to optimize your images or do other tweaks like compressing the files using HTML, JS or CSS codes.



  1. User-friendly navigation

You should remember that you cater for a crowd that is on the move. You should make navigation process easier so they continue to visit your site. Confusing navigations are easily rejected by visitors nowadays; they prefer simplicity. Make sure that you avoid image buttons and complex drop down navigations as they don’t work perfectly with mobiles. Make the navigation bars as simple as possible.


  1. Prominent call-to-action buttons

Mobile users look for rapid answers as they want to make a decision quickly and perform an action. If you make them wonder around on the page to perform an action like “order”, “book”, “buy”, “download” etc. you are way behind the competition. Place these buttons prominently and let the users find them easily.


  1. Use concise contents

Short, concise contents attract readers easily. Emphasize the key points and avoid unnecessary paragraphs. Don’t let the visitors scroll down just to see the contents; let them read it within few seconds. However, usage of friendly tone is important in this case.


First, have a good idea about what the users are searching for. Open hours, directions, contact details etc. should be easily readable. Be sure to shorten the product descriptions.


  1. Use a simple design

Don’t use popup ads; they are annoying. Avoid Flash contents too. Instead you can use smaller images that perfectly fit mobile screens. If your visitors have to zoom in and out to navigate, your website needs a redesign.


  1. Clean, simple fonts

Be sure to use a simple and clean font so it appears perfectly on the smaller screens. Arial, Calibri, Trebuchet MS, Georgia and Times New Roman are some great fonts.


It is all about simplicity when it comes to a mobile friendly website. Don’t try to use all the effects available just because you know them.


Leave a Reply