なぜチップで絞るのか
選択肢過多で人は選ぶのをやめ（Iyengar & Lepper, 2000; 選択過多）、ファセットで段階的に絞る探索が好まれます（Yee et al., 2003）。よく使う条件を結果の上に出します。モバイル検索で特に有効です。
どの条件を載せるか
実際に使われる条件を（Moran, 2018）、よく使うものだけをチップに、残りはトレイに（Whitenton, 2015）。多すぎると遅くなり（ヒックの法則）、画面外は見られません。
選択状態とタップ
チェックと塗りを併用し（Google, n.d.）、適用中の条件と「すべて解除」を表示。タップサイズと間隔を確保します（Parhi et al., 2006）。
よくある質問
- チップと全体画面の違い？
- チップはよく使う条件の近道、全体画面は詳細設定です。
- 即時適用すべき？
- モバイルでは即時が自然です。
出典確認日：2026-10-27
参考文献
- Moran, K. (2018, July 15). Helpful filter categories and values for better UX. Nielsen Norman Group. 意味のあるフィルター項目の選び方です。
- Whitenton, K. (2015, July 26). Mobile faceted search with a tray: New and improved design pattern. Nielsen Norman Group. モバイルのフィルタートレイです。
- Google. (n.d.). Chips. Material Design 3. フィルター・入力・提案チップです。
- 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. ファセット探索が好まれる研究です。
- 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. 選択肢過多で選ばなくなる研究です。
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. 選択肢と決定時間の古典です。
- 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. チップの高さと間隔の根拠です。