Thursday 9 January 2014

Mobile website design

In this interconnected world we live in, the internet is definitely something that we cannot do without. Can you imagine a day without checking your Twitter? Or how about not being able to Google something when we need to find out on say, what clothes to wear to impress the guy or girl you like? Well, the world will definitely be a very mundane place to live in, that's for sure!
Today, we can access the internet from virtually anywhere with our handheld devices, even in the bathroom!  As such, learning how to design a mobile website will definitely in handy, as it can reach out to a wide demographic.

In VC, I learnt how to design a mobile website, and here are some principles I learnt!

1) Layout is important.
 Making it as minimalistic as possible will make the page less cluttered and easier to access. Also, it is vital to minimise left/right navigation, but make it on a single column. You won't want people to keep shifting the page left and right while accessing your website, for it will make them lose interest in it after a while!

2) Less is more. Minimalistic is the way to go.
Making sentences short and straight to the point will make it easier to understand. Remember that the mobile device is small and too many words on the screen is a no-no. Also, sell your idea persuasively through action words and use a type front that is easy on the eye so that it will be easier for people to read it.

3) Coding
Use XML or XHTML, or use HTML and CSS coding if possible.

4) Pictures
Choose the most engaging and eye catching picture to use on your website. Also, use pictures sparsely as images will take forever to load on a mobile device. Well, it will save a lot of frustration for the user if the page loads faster!

5) Include page links
Use back buttons and links and make sure that all the pages are linked to other pages. This will ensure easy navigation for someone visiting your website!

6) Page size
A 750 to 800 pixel width page is the perfect page! Don't make the page bigger than the 1024 width and don't go narrower than the 750 pixel width.

There you have it, 6 golden rules to keep when designing a mobile website! Hope that it was helpful (:

No comments:

Post a Comment