Basic principles of mobile web design

Started by virgil, December 22, 2012, 02:00:45 AM

virgil

Nowadays, there is a trend to design a website for mobile devices. One should follow the basic principles helpful to design the best mobile based website design. These include:
1.   Designers should use CSS rather than use tables for designing a website.
2.   The code of the website is written by using XML or XHTML which is easy to encoding with UTF-8.
3.   Use the proper white space between the content and buttons so that users can easily access the website.
4.   You should keep the minimum loading time and for that you should avoid the background images in the websites.

You are free to share your ideas...

Lindar

Are your tips are suitable for websites on other topics? Thanks.

icecube media

1.) Your site must use CSS for the layout to ensure maximum compatibility. Avoid using tables.
2.) It is easiest if your site is coded using either XML or XHTML, with your character encoding set at UTF-8.
3.) Remember to put all the most important information that you want mobile users to see on the top of the page like site search and navigation. Make your mobile site design convenient for your consumers.
4.) Keep download time in mind. Avoid background image, they can reduce readability in certain lighting conditions. Combine smaller images, like icons, into one file and use CSS to position them on the page. This reduces the number of http requests your device has to make. Lastly, reduce size of images and minify javascript.
5.) Avoid using unnecessary graphics.

cherylcole

It's really nice tips for mobile web design.For the mobile application,People looking for the apps which have design hit area very large.So that the half of usability issues have been addressed.