UI and UX principles 0 of 14 chapters complete
Start chapter 1 →

Chapter 10 / 14

Help people read data as a decision

Show values, comparisons, and uncertainty in a form that supports the reader's next action.

Your goalTake a dashboard card or chart. Write the decision it supports, define every value, and sketch a text or table route to the same information.

01 / Begin with the task

The principle

A dashboard, table, or chart helps someone answer a question about a set of values. The useful design begins with the comparison the reader needs, then selects a view that makes that comparison visible.

Measure
A defined value with a unit, source, and time period.
Comparison
The relationship a reader needs to judge, such as change over time or difference between groups.
Data provenance
The source, collection method, and update time behind a displayed value.

Write the reader's question before choosing a visualization. Use a table when exact values and lookup matter. Use a chart when a shape, trend, or comparison carries the answer. Label axes, units, time ranges, and categories in the view. Explain a meaningful baseline and identify the update time so a reader can judge whether the answer applies to their decision.

Design exploration around the task. Filters should keep their current state visible; sorting should explain its active order; drill-down should preserve a route back to the overview. Give complex visualizations a concise summary and access to the underlying values. Test whether readers can answer a specific question accurately and explain how they reached the answer.

02 / Follow a method

Apply it in four steps

  1. Write the exact question the data view should answer.
  2. Choose a table, chart, map, or summary from the comparison needed.
  3. Label values with units, period, source, and current filters.
  4. Test interpretation and the route from overview to detail.

03 / Compare outcomes

Strong and weak execution

Strong

A clinic dashboard names the reporting period, defines completed appointments, shows the trend with labeled values, and lets staff inspect the underlying weekly table.

Weak

A clinic dashboard presents colorful totals with varying periods and unlabeled axes. Staff spend time reconstructing which values can be compared.

Why the outcome changes

The strong view makes the comparison and its provenance explicit. The weak view looks scannable while leaving the definition of each value uncertain. Ask staff to identify a change, cite the period, and locate the underlying count.

04 / Use the method

Practice on a real screen

Take a dashboard card or chart. Write the decision it supports, define every value, and sketch a text or table route to the same information.

Review your work

  • The view answers a named question.
  • Units, periods, source, and active filters are visible.
  • A reader can inspect underlying values and explain the comparison.

Keep your observation, interpretation, and proposed change together. Use the related patterns to inspect complete interaction states.

Saved items