Design Principles for Mobile Website

Best Design Principle for a Mobile Website

Statistics
Did you know that more than 700 million people on the planet use internet on their mobile phones?
The number is growing fast, with over 2.4 billion mobile phone users! That calls for a quick re-evaluation of your website – is it compatible with mobile phones? Make sure that the mobile version of your website is as good as, or even better than, the PC version or you could be losing 30% of your visitors!
So what basic principles should you follow to create or revamp your mobile website? Well, if you have decided to develop a strategy for a mobile website, here are a few key principles that shouldn’t be ignored.

Which of the two situations are you in?

Which of the two situations you are?

i. You have a PC website but want to develop the mobile version from scratch

ii. You have the mobile version but want to revamp it

Depending upon the situation you’ll have to follow the principles mentioned below. The softwares used for coding and re-coding are different. Try to make a new mobile website on xhtml or xml. Recoding can be done manually or by using certain website auto-transformation applications.

Where does your business stand?

Where does your business stand?There is a rule called AIDA – Attention, Interest, Desire and Action. Brands or businesses are at different stages at different times. The way you create or revamp the mobile website is influenced a great deal by what your current business strategy is. Are you launching a brand? That would call for something engaging. Are you trying to finally make sales after the entire launch process – perhaps more product information should be available.

Know your customers

Know your customersRemember a website cannot be everything for everyone. It has to be focused for different target markets. For example, if you have an e-music store, you should find out what the common characteristics of the website visitors are – their age, their education, their expectations from your website, etc.

Also, you must know what devices (varying in feature such as screen sizes) and internet browsers are being used to access your mobile website. The more devices and browsers, the trickier it becomes for you to develop a universally efficient mobile website.

KISS Creatively

KISS Creativily

Yes, do remember to Keep it Simple and Short. Simplicity helps:

i. In letting the pages download more quickly

ii. Making comprehension of the content easier

iii. Making interaction via click/ tap easier

iv. Retaining the website visitor for a longer time period – through more effective engagement

However, simplicity doesn’t mean that it can’t be exciting. There are number of websites that have made simplicity their strength along with vibrant colors, fonts and graphics. Click here to see a collection of great mobile websites.

Make interaction Engaging

Make Interaction EngagingYou must realize that people tap rather than click on their mobile phones. So make the ‘clickable’ options on the original website converted into ‘tappable’ options on the mobile website. Also, add features that inform the user when interaction has been made. For example if an option has been tapped upon, let that button or link change in color, shape or form. Also, when a page is loading, display an animated figure that tells the user that something is going on.

Written by Richard Fisher

Richard is a ecommerce specialist. Richard is a trained Magento developer with over 3 years experience.

2 comments

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>