I'm working on a design for filtering based on tags and statuses. The
main page view is a list of goals and action steps, as many as 30
related to educational planning.
Users can associate one or more tags with each step. They can then
filter the list on tags as well as statuses (this step is overdue) or
funding source (show me only projects paid for by the State of
California) to show only the 5 or 6 steps that match.
Can anyone point me to good examples of 1) indicating a list has been
filtered so steps are hidden, iconic or otherwise, and 2) recommend
concise friendly language for removing all filters to restore the
One problem I'm running into is trying to reuse the same dropdown
menus to indicate state and change the filters. Because there are
multiple menus, I've included an action button so they don't take
Unfiltered view shows 35 steps
Show: All Statuses v All Funding Sources v
All Tags v [Update]
Filtered view shows 17 of 35 steps, with 18 hidden
Show: Overdue v State of California v
Technology v [Update]
I've looked at both Kayak (show me only flights that arrive before 10
p.m. and cost less than $350) and Gmail (works but ugly "label:tech").
They both use text at the top of the screen to indicate current filter
set, but it takes up a lot of space and is pretty geeky.
The design I'm starting from is already too busy, cluttered with lots
of little irrelevant statuses. I'm trying to move my team away from
language like "filters" except when necessary; it's a list of steps
not a database. Filtering only applies to your own view, so the only
way it would take effect is if you did it yourself, so unlikely Excel,
no danger columns are hidden that you didn't hide or don't know about.
The key here is to let users know at a glance that something's hidden
and provide an easy way to unhide those items.