Programming · free software · the open webSubscribe via RSS

How Do You Keep Dashboard Filters Understandable?

From the earlier reference collection. Read the current software blog.

Filters work best when their labels describe the data, selections remain visible, and readers can remove or reset them easily.

Label controls in the reader’s language

Filter labels should refer to concepts readers recognize, not database columns or abbreviations. “Reporting area” is clearer than “region_id”; “Observation period” is clearer than “ts_start.” Where a control’s options need context, provide a short explanation or example near the label.

Use names that match the results. If a control says “Location” but actually selects a sensor, label it “Station” or explain that each option represents a station. This avoids implying that one point reading describes an entire city or district.

Make active choices easy to inspect

Show selected values in or near the results, especially when controls collapse on smaller screens. A heading such as “Water temperature · North station · Past 24 hours” gives a quick summary of the current view. For multiple filters, chips or a compact summary can help, but each item should remain readable and identifiable.

Make selected state available to assistive technology as well as visually apparent. Do not rely on color alone to show that a filter is active. When a change triggers an update, communicate that the result set changed and avoid leaving a stale loading message in place.

Provide clear ways to change course

A reader should be able to remove one filter or reset the whole set. Label controls specifically, such as “Clear date range” and “Reset all filters,” rather than using an unlabeled cross or an ambiguous “Clear” button. If reset returns to a default view, make that outcome predictable.

When filters interact, explain important dependencies. A date range may limit available locations because some stations began reporting later. If selecting one option narrows another, show why rather than making choices disappear without explanation.

Keep the view shareable and stable

Where appropriate, represent filter state in a shareable URL so a reader can return to the same view. The visible page should still summarize the state, since a link may be copied into a message or opened later when the underlying data has changed.

Test combinations that produce no results and make sure the empty state retains the selected filters. Understandable filters let people see how the dashboard arrived at its answer and make a deliberate next choice.

Suggest a correction · All posts