Saved Filter - Everyday Interface Patterns

A static saved view summary shows Launch blockers, filters Status needs attention and Owner Mina, and Count 4 items.

Program

Saved filter views should make the view name, filters, and count easy to read without running a query, sharing tool, or persistence service.

saved_filter_view.html

Visuals: captured from real browser rendering

<section class="saved-view" aria-labelledby="saved-view-title">
  <h2 id="saved-view-title">Saved filter view</h2>
  <dl>
    <div><dt>View</dt><dd>Launch blockers</dd></div>
    <div><dt>Filter</dt><dd>Status needs attention</dd></div>
    <div><dt>Filter</dt><dd>Owner Mina</dd></div>
    <div><dt>Count</dt><dd>4 items</dd></div>
  </dl>
  <button type="button">Open saved view</button>
  <p class="note">Static saved view only; the button does not route, save, share, apply, query, persist, or call a saved-view service.</p>
</section>
<style>
  .saved-view { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .saved-view dl { display: grid; gap: 8px; margin: 0; }
  .saved-view dl div { display: grid; grid-template-columns: 7rem 1fr; gap: 8px; }
  .saved-view dt { color: #475569; }
  .saved-view dd, .note { margin: 0; }
  .saved-view button { justify-self: start; padding: 8px 12px; }
  .note { color: #475569; }
</style>

Label the saved view summary.
The section is labelled by its visible heading.
Show the view name.
The view name is exact pinned data.
Show the status filter row.
The status filter is exact pinned data.
Show the owner filter row.
The owner filter is exact pinned data.
Show the count readback.
The count is exact pinned data.
Check saved view honesty.
View name, filters, count, button, and no persistence service.

labelled view summary The section heading names the saved filter view surface.

filter readback The view name, filter rows, and count are exact pinned data.

no persistence service The lesson should not imply saved-view APIs, filter/query APIs, sharing APIs, or storage.