In Focus

Is your website ready for a handheld world?

Layout and graphics

Go for practical layout
Design is critical because mobile devices vary so greatly. The iPhone and 3G devices are much faster than older technologies, of course, but when you're optimizing for mobile, you must consider and cater to the lowest common denominator. For example, with less real estate available on a mobile screen, websites optimized for mobile should generally look very different from their desktop cousins. Ideally, you want your mobile content in a more vertical format, minimizing overlooked information as well as the need for horizontal scrolling -- frustrations that tend to drive people off your site. Putting everything in more of a columnar format leaves users with the more natural task of scrolling down, rather than across.

Pare graphics
Specific capabilities for viewing graphics vary greatly from one handheld to another, with the iPhone leading the charge toward a whole new generation of graphics-friendly mobile devices. But even there, the largest screen size is just a few inches. Next generation devices may have 5-inch screens, but that's still pretty small. While there is no hard and fast limit on the graphics you can attempt to deliver, these days most optimization experts suggest you limit all images to no more than about 120x120 pixels.

 

Comments

Jen Volpe
Jen Volpe September 16, 2008 at 10:15 AM

This is a great article - very informative and contains useful information.