Art, design & a little curiosity
Interaction design ↗

Design search filters for a creative reference library

Build a faceted reference search with clear selection logic, visible active filters, result updates, no-results recovery, and links that preserve a reader's chosen context.

An original plotter study study exploring search filter design.
Plotter study / Original digital study

Explain why the collection narrows

A reference library becomes difficult to browse when medium, subject, date, and access format are mixed in one long list. Filters let readers narrow that list, but their logic must be predictable. Someone looking for printable paper models should understand why selecting a format or medium changes the results.

Make facet logic and selections visible

Group filters by a meaningful facet and explain whether multiple selections broaden or narrow that facet. Keep active selections visible near the results and provide both individual removal and clear-all controls. Decide whether results update immediately or after an Apply action; do not mix the two behaviors without a clear reason. Treat every additional requirement as a question with an owner. Determine whether the requirement comes from a real task, an operational constraint, or a team preference. Keep the first two visible in the design and challenge the third when it creates work. Writing these distinctions next to the sketch prevents a tidy layout from concealing an unresolved service decision or an unexplained restriction.

Filter a printable paper-model library

Sketch a library with medium, difficulty, and available format. Select paper, beginner, and printable instructions, then remove only difficulty. Draw the updated results and the no-results state. Include a way to share or revisit the same filtered view if that capability is part of the service. Use ordinary content rather than a perfect demonstration record. Include one short entry, one unusually long entry, and one entry with missing optional information. Work through the task in the order a newcomer would encounter it. Write down what they can reasonably know at each point. Whenever the sketch requires an explanation from its creator, add the missing cue to the artifact before increasing its visual fidelity.

Preserve position during updates

A filter panel can look complete while concealing its logic. If two selections unexpectedly cancel each other, clarify the rule or change the controls. If updates move focus or scroll to the top after every press, selecting several filters becomes tiring. Preserve the person's position while communicating that results changed. Avoid solving the failure by asking people to be more careful. Look for an earlier decision the design can clarify, a value it can preserve, or a consequence it can make reversible. If there is an unavoidable limitation, explain it before the affected action and provide a useful next step. The fallback deserves the same attention as the ordinary route through the experience.

Verify result membership and return paths

Review with a known sample set so you can check the displayed result membership, not just its count. Test clearing one filter, clearing all filters, returning from an item, and loading a shared view. The design should make both the query and the active restrictions understandable enough that a reader can recover from zero results. Check a combination with many matches alongside the empty combination so result feedback remains proportionate in both situations.

A worked example

Worked decision

After paper, beginner, and printable produce no matches, removing beginner should retain paper and printable, with the remaining restrictions still visible.

References & further reading

Examples and exercises in this guide are original teaching scenarios.

Keep following the thread.

More interaction design ↗