The Dashboard pattern is a layout of content tiles often appearing on a single page. The Dashboard supports decision-making and task prioritization. A user can visit any part of the application represented in the tile, by simply tapping the tile. Because of its layout, a dashboard is often used as a Homepage. A well-designed Dashboard will provide: key information at a glance, real-time data, easy to read graphics and clear entry points for exploration.

Tiles are individual containers, which make up the content of a dashboard.  Tiles can have a variety of content, but are typically graphically based and visually distinct.  Tiles can be re-arranged, resized, or even flipped to provide additional details.  The tile itself will have attributes for size, but it will be up to the application to provide UI to trigger the resize and to change the size attributes and swap out the content.


Appearance characteristics for this pattern.


Common behaviors for this pattern.


Usage guidelines for this pattern.



Fig 1. Dashboard


Tile Size

Fig 2. Tile Size


Tile Flip

Fig 3. Tile Flip


Tile Rezie

Fig 4. Tile Resize



Fig 5. Dashboard Phone



Fig 6. Dashboard Tablet



Fig 7. Dashboard