Dashboard DesignJuly 20, 20269 min readDataViz Pro Team
Dashboard Layout and Information Hierarchy
dashboardlayoutinformation hierarchydesignbest practices
Most dashboards fail for the same reason: they were assembled rather than designed. Someone asked for a metric, a chart was added. Someone else asked for a breakdown, another chart was added. Six months later there are fourteen tiles, nobody can say which one matters, and the people who requested them have stopped looking.
A dashboard is not a container for charts. It is a spatial argument, and the layout is the argument's structure. This article covers the decisions that determine whether that argument lands.
Start From the Decision, Not the Data
Before choosing a chart, write down the decision the dashboard supports. Not the topic, the decision. "Marketing overview" is a topic. "Whether to shift budget between channels this week" is a decision.
The difference is that a decision tells you what to include and, more importantly, what to exclude. If a chart cannot change the decision, it does not belong on this dashboard. It may belong in an appendix, a separate exploration view, or nowhere at all.
This test is uncomfortable because it removes charts people asked for. The way through is to ask the requester what they would do differently based on what the chart shows. If they cannot answer, the request was for reassurance rather than information, and reassurance is better served by a single status indicator than by a chart.
The Three-Tier Hierarchy
Effective dashboards almost always resolve into three tiers.
The first tier answers the headline question in one glance: a small number of key figures, usually four or fewer, each with a comparison. A number alone is not a first-tier element, because a number without a reference point cannot be judged. Revenue of eighty-nine thousand means nothing; eighty-nine thousand against a target of eighty and up twelve percent on last month means something.
The second tier explains the first. If revenue is up twelve percent, the second tier shows where that came from: the trend over time, the breakdown by channel or region, the comparison against prior periods. These are your main charts, and there should be few enough that each gets real space.
The third tier is detail for when someone wants to dig: tables, long-tail breakdowns, secondary metrics. This tier can be below the fold, behind a tab, or on a separate page. Putting third-tier content at the top is the most common layout mistake, because it forces every viewer to filter through detail to reach the summary.
Reading Order and the Grid
Viewers scan a dashboard the way they scan a page: top-left first, then across, then down. In right-to-left locales the horizontal direction reverses, but the vertical priority does not. This means position is your strongest tool for signalling importance, stronger than size or color.
Put the first tier across the top. Put the most important second-tier chart immediately below and to the left. Work outward from there in descending importance. Resist the temptation to group by data source or by team ownership; group by what the viewer needs to see together.
A grid keeps this readable. Choose a column count and stick to it, so tiles align on both axes and the eye can move in straight lines. Ragged edges force the eye to re-anchor on every element, which is exhausting over a full screen of content. The current dashboard implementation uses a four-column layout for the metric row and a two-column layout for the main charts, which is a reasonable default: it gives each chart enough width for a readable time axis while still allowing side-by-side comparison.
Sizing as a Signal
Size communicates importance whether you intend it or not. A large chart reads as important, a small one as supporting. If your least important chart happens to need the most space for technical reasons, viewers will misread the hierarchy.
Where a detailed chart genuinely needs room but is not the priority, solve it with position rather than shrinking it into illegibility. Move it lower, or give it its own row. A chart compressed below its readable minimum is worse than no chart, because it occupies attention without repaying it.
Aspect ratio matters as much as area. Time series read best wide, because slope is easier to judge over a longer horizontal run. Category comparisons read well tall, especially as horizontal bars. Forcing every tile into the same square shape fights both.
Density and the Cost of One More Chart
Every addition has a cost that is not paid by the new chart. It is paid by every existing chart, which now competes for attention with one more thing.
This is why dashboards degrade gradually and then all at once. The eighth chart is not eight times worse than the first; it is the one that pushes the total past what a viewer will scan. Past that point, people look at the one tile they already trust and ignore the rest, which means the dashboard has quietly become a single-metric report with expensive decoration.
Whitespace is not wasted space. It is what allows the eye to separate one idea from the next. When a dashboard feels cluttered, the fix is almost never tighter spacing; it is fewer elements.
Consistency Across Tiles
Within one dashboard, the same thing must look the same everywhere. If a product line is blue in one chart, it is blue in all of them. If one chart shows the last thirty days, every chart shows the last thirty days unless a tile explicitly states otherwise. If one axis abbreviates thousands, they all do.
Inconsistency here is expensive in a specific way: it does not just slow the viewer down, it makes them distrust the whole surface. Once someone notices that two tiles disagree, they start checking everything, and the dashboard has failed at its main job of being glanceable.
This is a strong argument for centralizing chart configuration rather than styling each tile locally. A shared palette, shared number formatting, and a shared default option set mean consistency is the path of least resistance.
Filters, Scope, and the Shared Context Problem
Filters are where dashboards most often mislead. A viewer sets a date range, scrolls down, and reads a chart that did not respect the filter. Nothing in the interface reveals the mismatch.
Two rules prevent this. Every filter's current state must be visible without interaction, not hidden inside a collapsed control. And every chart must either respect all active filters or clearly label its own scope in its title.
The same applies to data freshness. If different tiles update on different schedules, say so on the tile. A stale chart that looks current is worse than one that is honestly labelled as of yesterday.
Loading, Empty, and Error States
These states are usually designed last and encountered first. A dashboard that renders four empty boxes while loading looks broken. One that collapses its layout as tiles arrive causes the content to jump under the reader's eye.
Reserve the final layout space immediately, with skeleton placeholders at the correct dimensions. Handle the empty case with an explanation and a next action rather than a blank panel: state that there is no data for the selected range, and offer to widen it. Handle errors per tile rather than per page, so one failing data source does not take down the whole view.
Reviewing a Dashboard
A short review catches most problems. Show it to someone who has not seen it and ask what they think the most important number is. If they name the wrong one, your hierarchy is inverted. Ask what decision they would make from it. If they cannot say, the dashboard is a report rather than a decision tool. Then check the log of who actually opens it, and remove what nobody looks at.
The best dashboards are noticeably smaller than the ones they replaced. Restraint is the whole discipline.