CampusDownWiki
Total citations 16,021한국어KO 2,699EnglishEN 11,007日本語JA 772中文ZH 1,543
CampusDown ↗
English

Filter Chips

⚙️ Engineering & Technology By CampusDown Wiki Editorial Team Last updated
Filter chips are small rounded buttons holding conditions placed above a list or search results, each tap applying or removing that condition.
Contents
  1. 1. Why narrow with chips
  2. 2. Which conditions to surface
  3. 3. Selected state and touch
  4. 4. FAQ
  5. 5. References

Why narrow with chips

Too many options make people give up (Iyengar & Lepper, 2000; choice overload). Yee et al. (2003) found people prefer narrowing step by step across facets. Chips surface the most-used conditions right above results, narrowing them without opening a filter screen, especially valuable in mobile search UX.

Which conditions to surface

Moran (2018) advises filters matching criteria users actually use. Put only the most common on chips and the rest in a full screen opened by a 'Filters' chip; as in Whitenton's (2015) tray, show how result counts change. Too many chips slow choice (Hick's law; Hick, 1952), and off-screen chips go unseen, so lead with the key ones.

Selected state and touch

Material (Google, n.d.) pairs a check mark with fill for selected chips, since colour alone is unclear. Keep applied conditions visible and offer 'Clear all'. Chips must still meet thumb target sizes with enough spacing (Parhi et al., 2006), and screen readers should announce 'Free shipping, selected'.

FAQ

Chips vs full filter screen?
Chips are shortcuts for common conditions; the full screen offers every option. Use both.
Should chips apply instantly?
On mobile, yes; a full filter screen can batch changes behind 'Apply'.

Sources reviewed: 2026-10-27

References

  1. Moran, K. (2018, July 15). Helpful filter categories and values for better UX. Nielsen Norman Group. Choosing meaningful filter categories.
  2. Whitenton, K. (2015, July 26). Mobile faceted search with a tray: New and improved design pattern. Nielsen Norman Group. Mobile filter tray pattern.
  3. Google. (n.d.). Chips. Material Design 3. Filter, input and suggestion chips.
  4. Yee, K.-P., Swearingen, K., Li, K., & Hearst, M. (2003). Faceted metadata for image search and browsing. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 401–408). ACM. Faceted browsing is preferred.
  5. Iyengar, S. S., & Lepper, M. R. (2000). When choice is demotivating: Can one desire too much of a good thing? Journal of Personality and Social Psychology, 79(6), 995–1006. Too many options demotivate.
  6. Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. Choices versus decision time.
  7. Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. Chip height and spacing.

Reports and materials that use this theory (Korean)

There are no materials dedicated to this theory yet, but you can search related reports in the CampusDown library (Korean).

Find more reports · Search '필터 칩' on CampusDown →

You may also like

Latest ArticlesView all ›

New guides for college study and assignments (Korean)

This article was last updated on October 27, 2026. It is based on widely recognized original works and textbooks; when citing it in a paper, please check the original sources listed in the references.