Performing one task in a view

One of the common mistakes when designing for a small screen is trying to fit too many components or too much information in one view. The key to success is prioritization: focus on the essential. However, base your decisions on information, not guesswork.

For more information about how to study your users and their tasks, see Designing for a specific audience.

To keep pages simple, plan to perform one task in a view. For example, a main view could contain a screen title, a graphic, and buttons for performing the main functions of the widget. If possible, display the content on the main screen.

Figure: Example of a view

Note: Reserve space for softkeys at the bottom of the screen.

The widget package can only contain one HTML file. Use the div tag within the HTML file to create widget views. For more information, see Creating the widget HTML file.

For more information about page design, see Ensure visual balance and clear focus indication.