---
schema_version: "1"
id: 061b5b785835d22052bf1fe5825cdc545ae1d24f690ae7c3c112fec6e47853b8
title: Organize Dashboard Pages with Visual Hierarchy
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/analytics/264-0-0/bi_dashboard_visual_hierarchy.md
canonical_url: https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_visual_hierarchy.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 5329e2f6cc91d1305a9cf6ab7378b3d1afcc8e7ceb7feb543844d6188bcc329d
description: Arrange each dashboard page so that users read it in a natural order, from the big picture to the detail.
products:
  - CRM Analytics
  - Cross Cloud
release: "264"
---
# Organize Dashboard Pages with Visual Hierarchy

Arrange each dashboard page so that users read it in a natural order, from the big picture to the detail.

Use dashboard pages to tell a layered story in a single dashboard instead of building many separate dashboards. Pages also improve load time, because only the queries on the default page run when the dashboard opens.

## Lead with a headline, then body, then details

- **Headline.** Place the key measures and takeaways at the top, where users look first.
- **Body.** Below the headline, show the charts that explain and break down those measures.
- **Details.** Place granular tables and reference information last, for users who need to dig in.

## Choose a layout pattern that guides the eye

- **F-pattern.** Users scan across the top, then down the left side. Use it for content-dense dashboards with many widgets.
- **Z-pattern.** The eye moves top-left to top-right, then diagonally to the bottom. Use it for simpler dashboards with a clear call to action.
- **Side-by-side.** Place related views next to each other to support direct comparison, such as this period versus last period.

![Example CRM Analytics dashboard showing key metrics, filters, charts, and a detail table arranged in a headline-body-details layout.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-analytics-bi-264-0-0-production-enus/ec791473-f5b4-4f64-a656-9104f455d966/bi/images/bi/bi_dashboard_visual_hierarchy.png)

## Group and align for clarity

- Use container widgets to group related widgets and to separate sections.
- Align widgets to a consistent grid and keep spacing even.
- Use labels and section colors to reinforce the grouping.
- Leave white space so that each section is easy to distinguish.

## Design for where the dashboard is viewed

- Show full detail in a standalone app.
- Show fewer, higher-level metrics when you embed a dashboard in a record page or the Home page.

#### See Also

- [Create Dashboard Pages](https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_pages.htm&release=264.0.0&type=5 "Make the information on a dashboard easier to digest by chunking the content into multiple pages. And with fewer queries per page, dashboard performance increases. With pages, you can tell a story by creating a dynamic pathway through your dashboard. Depending on how you lay out your pages, you can also create some cool effects as you transition from one page to the next.")