6 Principles to Consider When Creating a Mobile Website


It is becoming clear that websites which are not ‘mobile friendly’ and fail to keep up with mobile trends in web design will quickly lag behind their competitors. There are an estimated 1 billion Smartphones in use around the world as people elect to browse the Internet on the go using their mobile phone. eBay alone forecasts mobile phone sales of approximately $8 billion in 2012 while the number of Smartphone Internet searchers in the world is said to double every 2 months! In many countries around the world, Smartphones are selling 3 times faster than PCs.


Now that you know the importance of making your website easily accessible to mobile phone users, what are you going to do about it? Below we offer 6 quick tips on creating a mobile friendly website that will attract the new Smartphone generation of customer.

mobile website design

1 – Mobile Layout

This is one of the key trends in mobile web design because mobile users find it difficult to read a normal website on their Smartphones and usually don’t bother going through the frustration. In order to grab a mobile user’s attention, you need to display all the most relevant information at the top of the page. Ensure that left/right navigation is kept to a minimum; mobile users prefer a single column of information. The top part of the page must also include your company logo which has been customized specifically for mobile phone users.


2 – Content

You need to remember that your visitors will be on the move when reading your content so it shouldn’t be as in-depth or difficult to read as content on a traditional website. Again, bear in mind that scrolling is a pain and limit the content displayed. It requires a great deal of skill to create a limited amount of content that still captures the attention of the reader. Additionally, your site menu should be tailored with text adjustment to ensure the reader doesn’t have to zoom.


3 – Code

The good news is that you don’t need specific mobile website coding. In fact, you are better off using XTHML or XML. Feel free to use basic CSS and HTML coding. As is the case with a traditional site, ensure title tags, filenames and heading tags have targeted keywords.


4 – Images

This is where your mobile site will differ the most from your usual site. You’ll need to get rid of most images since they take far too long to load; even on advanced Smartphones and frankly, the Internet generation doesn’t like to wait. Keep any images you do add in .jpg, .png or .gif format. Be sure to compress your pictures to ensure zooming is unnecessary.


5 – Size of your Pages

Remember, mobile phones can only cope with a certain page size. Some mobiles still don’t allow more than 20Kb per page so keep each page well below that mark. Respect your visitors and bear in mind that some of them pay per Kb used.


6 – Links

You should have links to other pages on your site and specific back buttons to help users that are browsing with phones lacking this feature. This will be much appreciated as it helps to avoid running into frustrating dead ends on your site and being forced to leave.


One final tip we would like to add is the use of a .mobi domain to indicate it is a mobile friendly website instead of usual domains such as .net, .com or .org. Your goal when creating your mobile website is to make sure that you include all important information on the site while still providing a pleasant user experience. Achieve this and you will be in pole position as the mobile website revolution continues to gather pace.


This guest post was written by

This guest post was written by Robert Glass who is  a senior hardware engineer at Texas Instruments – living in San Antonio, Texas. From my childhood I am fond of computers and programming – and today I am implementing my knowledge in practice. I also like active rest – hiking, travelling, and mountain climbing. I am a techno-blogger as well – because quite often I am visiting some exhibitions and similar event concerning IT topics. All my experience and the most valuable (IMHO) moments are written as reviews in my blog on mac-uninstall. Today I am particularly interested in heavy machinery computer engineering. 

Share the joy

Author: Aaron Elliott

Co founded Social Barrel in 2010 to bring the latest Social media news and tips to other social media junkies! Connect and stay updated on Twitter

Share This Post On