Many people are getting to the web on their i Phones, Blackberries, and Android phones. More interesting even normal mobile phones are coming up with wi-fi and internet functionality. The web has indeed gone handheld but is your site keeping up? Regardless of how incredible your web outline is if it doesn’t show appropriately on cell phones, then you could be loosing clients. Read on to discover best practices in web design for mobile devices.
Some mobiles, like the iPhone, are very good at translating web pages into a smaller size without losing layout and function. But many are not, and non-smartphone mobiles usually only support a very limited version of HTML 3.2. It is best to use basic formatting and layout tags. Tables are not supported on all phones, so it is best not to use them.
Content is key, especially when it comes to mobile devices. It has to be engaging and interesting, but it also has to be easy to read and to navigate through. Text should be in small chunks, with lots of white space. If you can lay your text out in one long column, it will be easier to scroll through and read on a tiny screen. Also, use a basic font…many fancier fonts are not available on cell phones.
Keep graphics to a minimum, and make sure they download quickly and can be resized according to the monitor they are being displayed on. Remember, mobile screens are tiny! The smaller the dimensions and the quicker the download time, the better. For sizing, relative sizes work better than absolute sizes.
Web design for mobile devices must take into account ease of navigation, and placing it at the top of the screen makes for a frustrating experience on a cell phone. Have the content show up first, and keep links at the bottom.
If your website is more complicated, consider creating a version of a web page specifically for mobile users. Place a link at the top of your home page, so it is the first thing mobile users see. You can make the link invisible to regular users if you like, so only people on cell phones will see it.
These are just some basic tips on web design for mobile devices. The best way to see if your site is keeping up with your visitors is to view it on several different devices and see how easy it is to view, read and navigate. If you find yourself getting frustrated, then it’s time to make your site mobile friendly!