Layout / The visual dictionary

Dashboard.

An overview that combines status, measurements, and useful shortcuts.

Also calledoverview screencontrol dashboard

See it in context

UI illustration

Overview

Visitors12.4k

Growth+18%

What it is

An overview that combines status, measurements, and useful shortcuts. Prioritize the most important information and group related metrics into readable sections.

When to use it

Use it to monitor a system or resume common work at a glance.

Know the difference

A dashboard summarizes several concerns; a detail pane focuses on one selected item.

Across platforms

WebiPadOSAndroidmacOSWindowsLinux

Web · iPadOS · Android · macOS · Windows · Linux

Desktop dashboards can show more simultaneous information; mobile versions should keep the same priority in a linear order.

Go to the source

Primary documentation for the pattern and its platform conventions.

Apple Human Interface Guidelines — Layout

FROM NAME TO NEXT BUILD

Put it into words.

Choose a device and an effect, then copy the whole description.

Building forPhone modelAnimation effectBrowse the effect library

Create a dashboard. Prioritize the most important information and group related metrics into readable sections. Use it to monitor a system or resume common work at a glance. Make it responsive and accessible, and follow the selected platform's interaction conventions.

Your copied description includes the component, device context, and selected animation timing.

See it in context

What it is

When to use it

Know the difference

Across platforms

Web · iPadOS · Android · macOS · Windows · Linux

Go to the source

You might also mean…

Card layout

Grid layout

Content area