向く場面
おおよその調整に(Apple, n.d.)。連続・段階・範囲の種類(Google, n.d.)。価格フィルターはフィルターチップと併用されます。
正確な値が難しい理由
短いバーでは精密さが難しく(Fitts, 1954)、入力欄やステッパーを。アンケートでは離脱が増えることも(Funke et al., 2011)。
つまみとアクセシビリティ
タッチターゲットを守り(Parhi et al., 2006)、ドラッグ以外の手段(WCAG 2.2 2.5.7)とキー操作(W3C, n.d.)を。
よくある質問
- 入力欄を併用すべき?
- 正確さが重要なら連動させて併用します。
- アンケートで使える?
- 可能ですがボタン式の方が安全な場合が多いです。
出典確認日:2026-10-27
参考文献
- Apple. (n.d.). Sliders. Human Interface Guidelines. おおよその調整に使う指針です。
- Google. (n.d.). Sliders. Material Design 3. 連続・段階・範囲スライダーです。
- World Wide Web Consortium. (n.d.). Slider pattern. ARIA Authoring Practices Guide. スライダーのARIAです。
- Funke, F., Reips, U.-D., & Thomas, R. K. (2011). Sliders for the smart: Type of rating scale on the web interacts with educational level. Social Science Computer Review, 29(2), 221–231. スライダーで離脱が増える研究です。
- Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. 精密さには時間がかかる法則です。
- 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. つまみの大きさの根拠です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.5.7ドラッグ操作の基準です。
