webOS TouchPad Design Guidelines

Overview

These guidelines help HP webOS app designers and developers create apps for the HP webOS TouchPad. If you are a current webOS developer, start thinking about how you might adapt your current webOS app design or create a new app for the TouchPad. These are general design recommendations and suggested starting points for your design.

Following these patterns helps your app achieve consistency and familiarity for your app on the webOS platform. Please use these guidelines in conjunction with the wireframe stencils in webOS TouchPad Wireframe Stencils. The stencils will enable you to create wireframes for your app design, while also providing further detail about webOS.

In This Document

This document has five key sections:

• Hardware Features describes the key HP TouchPad features that deserve consideration when creating your app.

• System Features highlights the webOS framework elements that you can integrate into your app.

• App Framework describes the basic building blocks that can be part of your app.

• Designing Your App looks at the different ways to lay out your app, including using panes and other framework components.

• Navigation Patterns explains the common navigational patterns to use in your app.

For More Information

In addition to these guidelines, the HP Developer Relations team provides other information in the SDK and on the Developer Web site:

• Style Matters. Explore the Style Matters app that comes with the webOS 3.0 SDK to see the default visual styles for framework components.

• webOS TouchPad Wireframe Stencils. Presents a complete set of UI components and elements in wireframe format to help you easily create wireframes for your app layouts and flows.