See also in the guide
References and resources
Designing for the mobile web - Organizing content
The mobile Web refers to accessing the Internet on mobile devices, such as smartphones or tablet computers, via a wireless network. Over the last few years, mobile Web usage has increased considerably, bringing with it issues for Web site developers. This includes:
The Web Guide will be releasing guidelines on designing for the mobile Web, but in the meantime we will highlight some points to consider.
Selecting and organizing content
The choice of content has a profound effect on the achievement of the objectives of a Web site, this phase of selection and organization of content must follow a specific logic.
The content selected must be correct and appropriate to the aims of the site, the style of the text must be suitable for the Web, the information must be appropriate and relevant, it must be reliable and up to date.
The organization of the content should be made following the pattern of an inverted pyramid: the first level of content must essentially be a summary, while the details are placed in the second and third level pages.
Adapt the content
When planning for the desktop Web, content is generally designed for the resolution most generally used, i.e., 1024 x 768 pixels. In the mobile arena, however, this process needs discussing more thoroughly; there are many devices with very different displays as well as resolutions.
To find out about the display characteristics of various mobile devices in circulation and then to design and present the content correctly, a useful tool called the Device Atlas can be used. This was developed by dotMobi Company and builds upon a large database of devices.
Most common screen resolutions
Content and usability
The increasing number of people accessing Web sites on mobile devices can be given a much better user experience by following these guidelines: