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

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 the visual design guidelines in the Design and User Experience Library.