Filtering items Flows

Helps narrow results and control applicable conditions.

13 checks · 3 content groups

Checklist contents

Review progress

Step by step in flow

Track status, feedback, and next actions every step of the way.

Place the filter next to the resultUsers need to recognize the filtering action right at the list it will change.

Try interacting

Shows selectable conditionsGroup selections with easy-to-understand labels and keep the selected state when reopening the filter panel.

Try interacting

Use appropriate data selection typesSelect one, select multiple, or range values based on the condition instead of using the same style for every field.

Try interacting

Shows applicable conditionsPut current conditions near the list so users understand why some items don't appear.

Try interacting

Remove the condition on the spotAllows clearing a condition from its chip and provides a way to drop the entire filter.

Try interacting

Update quantity by filterThe number of results needs to change along with the list so that the user can evaluate the breadth of the condition.

Try interacting

Keep the escape route when there are no resultsExplains that the current condition has no matching items and allows the filter to be adjusted or removed.

Try interacting

Start the task

Compare information and presentation in context of use.

Place the filter near the listUse familiar labels or icons to help users understand the affected data set.Select multiple filters, open a result, then return. Keep keywords, terms and placements relevant; for clearing each condition and explaining when the current combination has no result.Example Chip display “Open” and “This month” have separate discard buttons; When there are no results, it is recommended to drop a condition instead of deleting the entire query.Choose the appropriate controlUse single selection, multiple selections or value ranges according to the data type to filter.Clearly state how to applyDistinguish immediate updates from apply buttons and keep unapplied selections easily identifiable.

Progress is saved automatically in this browser.

GUIDANCE

How to review

Check the applicable conditions after changing pages

Select multiple filters, open a result, then return. Keep keywords, terms and placements relevant; for clearing each condition and explaining when the current combination has no result.

EXAMPLES

Usage examples

The results are narrowed down too much

Chip display “Open” and “This month” have separate discard buttons; When there are no results, it is recommended to drop a condition instead of deleting the entire query.

Filtering items Flows

Step by step in flow

Start the task

Feedback and results

How to review

Check the applicable conditions after changing pages

Usage examples

The results are narrowed down too much

Find a checklist

No checklists found