Helpful Tips for Designing Mobile Websites

Helpful Tips for Designing Mobile Websites

Mobile is the greatest invention of twentieth century. It is indeed the revolution which has swept world with its marvelous use. Communication without mobiles is today not possible .World has become global village with the advent of mobile. Anyone can communicate with this hand held device. That is the beauty of mobiles. Today internet can be accessed on mobile. Internet is today global phenomenon . Wireless technology has made it possible to view internet on mobiles. This is a giant step. Today there are smart phone which has made our lives automatic. Anything can be   extracted from this small device. This article explores some basic tips for beautiful mobile websites.

Making use of mobile internet

Fluid layout

First of all  , you have to view net on a small mobile screen. The screen is so small that mobiles have different resolutions. In mobile the screen will have many resolutions which make it difficult to work out an optimized website. The best solution to this problem will be to use fluid layout . The best optimized website is that which uses 320 px. It has been found that this resolution is useful for any mobiles like Nokia or Samsung or iPhone. This optimum resolution and has much clarity and good viewing.

Consider connectivity first

Although mobile internet is ubiquitous but still it is in nascent stage. Poor connectivity is problem. Mobiles do not connect properly to internet because of hardware issues. So the mobile website designers should consider connectivity first. For good website for mobiles it is important that you keep images really small. This gives less download time. The code that you write for mobile website should also be small. It is really important that you keep your images compact as images eat lot of memory.

Auto scaling should be turned off

Unless you specify your code for website it will assume that website has been written for the desktop. So it is imperative that you include a tag at the beginning of Meta tag which will specify that website should be adjusted to mobiles too. Adding a viewport meta tag at the begging of code makes the website more flexible. The website need not be zoomed or pinched for mobile viewing. Also the finger tap should not be big. iPhone has specified that finger tap will not be more than 44px by 44 px. This tells  mobiles world not to make finger tap inconvenient for users.

Consider using specified url for mobiles

If you are building a separate website for mobile then use of a separate url . url is needed so that mobile experience is customized. The users should have a more know legible experience of typing your url .Customized url give additional information about your site. It tells the users what site they working with. The website for mobile should be vertically arranged. Since mobiles website has to be scrolled so it is convenient for users  to deal with vertical scrolling only. Giving your website only one single column will solve the problem.