Recently a client asked me about developing a mobile site. He wanted to handle it all himself and we would supply advice. guidance and copy/content. He asked me if I have some basic tips I could share with him before his team got started on the project. Here's what I told him:
Know your audience: This is the most important aspect to any mobile site—or website for that matter. If you don’t know your audience, you will not be able to properly plan and execute a site that will generate results. Does your audience visit for information? Entertainment? To make a purchase? Take some time to understand your customers or clients before putting any ideas on paper or writing one lick of code.
Keep it simple: Ideally a one column layout is easier to navigate and more user friendly than a multi-column layout. Keep scrolling to one direction, preferably up and down, as this is the most common form of scrolling. Also try to keep graphics and photos to a minimum. Everything takes time to load, and squeezing a lot of info over a 3G network can be time consuming. That doesn’t mean it has to be boring. Make it elegant, clean and functional.
A finger isn’t a mouse: Many handsets have touch screens. Rather than being navigated by buttons and cursor, the phone is operated by touch or tapping and movements of the fingers and thumb called gestures. Touch interaction requires careful thought. Remember you are designing a physical interface to be explored by human hands, not a mouse. Also remember people may only be using one hand.
Make the site mobile specific: Don’t just reconfigure your site for a mobile device, design it specifically for mobile users. Gain a strong understanding of different mobile devices, their limitations and advantages and design to get the most out of these products.
Make sure to include a browser sniffer on your website: A browser sniffer is basically a script that will detect what type of device is being used. If it finds a mobile device, it will send the mobile optimized pages or site.
Include a link to the real site: Give the option to go to the regular, non-mobile site.
Thorough testing is the key to success. Try to test the site with real customers if possible, and get their feedback. Test in all types of situations on all types of devices, not just emulators. Nothing beats real-world testing as opposed to simulated testing through an emulator.