Tiles are one of the most accessible surfaces on Wear OS.
Tiles provide quick access to information and actions users need to get things done. With a swipe from the watch face, a user can see how they are progressing towards their fitness goals, check the weather, and more. Launch an app or get essential tasks done quickly from tiles.
Users can choose what tiles they want to see on their watch. Wear OS allows users to manage their tiles both on the watch and from the companion app.
The following table describes Tile UX principles.
|Tiles are designed to help users quickly complete frequent tasks. Display critical content with a clear information hierarchy so content is easy to understand.
|Content within each tile should always focus on a user task. This enables users to predict what information they will be able to see on the tile, and improves recall.
|Users take their watches wherever they go. Consider how the content in the tile is relevant to the user’s context.
Keep the following guidelines in mind when creating Tiles.
Focus on a single task
Create separate tiles for each task
If your app supports multiple tasks, consider creating multiple tiles for each task your app supports. For example a fitness app could have both a goals tile and a workout activity tile.
Show glanceable representations of graphs and charts
Indicate latest data updates
Ensure the user is aware of how recent data shown on their watch is. Show cached data with an indication of when it was last updated when relevant to the user.
Use an appropriate data refresh rate
Choose an appropriate update rate for your tiles, considering impact on device battery life. If you are using platform data sources such as heart rate and step count, Wear OS controls the update rate for you.
Tiles have two types of empty states. For both we recommend that you use
Use dialog states for errors, permissions, and settings.
Show ongoing activities
When an app performs a long-running activity—such as tracking a workout or playing music—it should show the progress of the ongoing activity in one of more tiles.
If your app also supports tiles that allow users to start these activities, do the following to minimize user confusion:
- Indicate that an ongoing activity is already in progress.
- If the user taps on such a tile, launch your app and show the in-progress activity. Don't start a new instance of an ongoing activity.
Motion on Tiles
When you add animations to tiles, keep the following principles in mind:
Help users understand changes
Add a tile preview to help your user see what content is shown in the tile manager on their watch and phone. Each tile can have one representative preview image. That image should meet the following requirements.
|A tile preview displayed in tile manager on a watch.
|A tile preview displayed in tile manager on a phone.
The following show some common use cases for tiles, utilizing our best practices for design. For more information, see Tiles.
Current heart rate