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
- Moran, K. (2018, July 15). Helpful filter categories and values for better UX. Nielsen Norman Group. Choosing meaningful filter categories.
- Whitenton, K. (2015, July 26). Mobile faceted search with a tray: New and improved design pattern. Nielsen Norman Group. Mobile filter tray pattern.
- Google. (n.d.). Chips. Material Design 3. Filter, input and suggestion chips.
- 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.
- 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.
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. Choices versus decision time.
- 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.
