indicating a list has been filtered

25 Jun 2009 - 12:42pm
5 years ago
1 reply
433 reads
Diana Wynne
2008

Hi all,

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
complete set?

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
effect immediately.

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.

Thanks for any thoughts and pointers,

Diana

Comments

27 Jun 2009 - 12:47am
martinpolley
2007

Have you seen how Picasa handles this? When filtering is on, there is a big,
obvious green bar near the top of the screen (containing a big button to
turn filtering off). It's very hard to miss.

Cheers,

Martin Polley
Technical writer, interaction designer
+972 52 3864280
Twitter: martinpolley
<http://capcloud.com/>

On Thu, Jun 25, 2009 at 8:42 PM, Diana Wynne <diana at chestnutdrive.com>wrote:

> ...
>
> 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.
>
> ...

Syndicate content Get the feed