- Put important information on the top left corner of a site. With smaller screen sizes and scrolling it's helpful for users to see important information right away and not have to excessively scroll.
- Don't rely on forms that require input from a keyboard. Many mobile devices have limited keyboards or touch screens that make it hard to fill out forms.
- Make URLs short so they are easy to input. Make page titles short so they're easy to see.
- Mobile browsers may not have "back" buttons so it can be helpful to include "back" button navigation throughout your site.
- Mobile users have slower bandwidth, slower processors and less memory than computer users. Be sure your page loads quickly on these devices. Large images and complex code may not load on handheld devices. Also keep in mind that most users are paying high prices for internet access, so the quicker the page loads, the better.
- Mobile users go online for more specific purposes than PC users, who are typically just browsing. Mobile users will want to retrieve information or check an address, so make basic information easy to access.
- Make it easy to click on navigation links. If links are too small or too close together it will be difficult for mobile users to tap them.
- Pop-up windows, tables and scripting are all no-nos for mobile browsing. They will not work properly on handheld devices.
- Provide text alternatives for all images as they may not load quickly enough, if at all.
Helpful article on mobile-izing your website A recent July article on Opera Developer Community's website lays out the options for making existing websites mobile friendly. The article says there are three main options:
1) update the current site to be more mobile-friendly; 2) create a separate site with a different extension, such as "m.yourwebsite.com" just for mobile users; 3) build a mobile-aware adaptive site that recognize different mobile devices and gears content to the device. (This is the most complicated option.)
Examples of well-designed mobile sites An article on Practicalecoommerce.com shows four examples of mobile commerce sites, and explains how the sites are optimal for mobile use. Another article on Mashable.com shows six more mobile sites with really user-friendly designs.