Site layout has been optimized for mobile use. View the full version.
Using alternative style sheets
Although the Nokia Web Browser renders Web pages in their original layout, sometimes it may be useful to provide an alternative layout and style sheet for the mobile browser.
The alternative stylesheet can be either automatic (based on browser User Agent or display size detection) or user-initiated.
Designing forms
Effective forms require as little user input as possible. It is also a good idea to check the input dynamically, already before submitting the form.
Refer to the source code for the example form shown below.
Expanding text areas
A useful way to save display space is to provide an introduction to a topic (such as a news item or a blog entry) and provide users with a mechanism to read more if they want to.
The feature can be implemented with JavaScript (see the source code for an example). Remember that relying on JavaScript can also be a risk, since the user may have switched it off. Read more
Minimize user input with smart dynamic forms
Text input on a mobile device is more difficult than on a desktop browser. If you use a form, ensure that the user needs to enter as little text as possible.
Using drop-down menus with preselected items reduces input and is less prone to user errors. If you have a sequence of interrelated choices, consider making the forms dynamic. Read more
Use cookies to remember user details
Another way to minimize the need for user input is cookies. The Nokia Web Browser supports cookies that are stored in the device between browser sessions.
However, remember that very sensitive information should not be stored in cookies. Also, the user may have turned cookies off. Do not rely on them in your design. Read more