Designing Effective Filters: From Libraries to Mobile Apps

Everyday Filters

In daily life we constantly interact with various "filters"—for example, when looking for a specific book in a library we either use precise computer search or browse shelves by category.

These tools act as filters, and similar scenarios appear in supermarkets, dictionary look‑ups, and many other activities.

Why Filters Matter

Filters improve decision‑making efficiency. A 2012 U.S. study showed adults make about 70 choices per day, each surrounded by many options, increasing decision cost.

Designing effective filters is therefore a key opportunity to help users handle large option sets.

Filter Designs for Mobile Devices

Large data sets need to be filtered according to user needs. Common filter types include:

Inline (On‑screen) Filter

Drawer / Collapsible Filter

List‑style Filter

Inline Filter

Displays results or a list directly on the screen, often using tabs. Google and Baidu use a single‑row horizontal layout.

Google’s filter adds an extra row when the user clicks “Search tools”. Baidu’s filter shows similar behavior.

Google Play uses a double‑row filter to separate “content‑related” and “media‑related” preferences.

Drawer Filter

News sites like CNN use a collapsible drawer that appears after clicking a handle, exposing a full category hierarchy while keeping the entry point visible.

Such filters work well for platforms with mature classification systems.

List‑style Filter

Travel site Expedia uses a list‑style filter that shows the number of matching results while the filter panel is open, helping users stay aware of result scope.

TripAdvisor originally used dialog‑style filters but has moved to list‑style designs, often combining inline and list filters for complex scenarios (e.g., Ctrip).

Summary

When designing list‑style filters, keep option lists short to avoid excessive scrolling; consider longer or multi‑select filters for complex needs. Avoid over‑design—simple screen or collapsible filters are often sufficient.

Ultimately, the goal is to create a clear, easy‑to‑use conceptual model that boosts user decision efficiency.