なぜ浮かぶのか
Material（Google, n.d.）で最重要操作のために作られました。親指は下部に届きやすく（Bergstrom-Lehtovirta & Oulasvirta, 2014）、フィッツの法則にも合います。タッチターゲットより大きめに。
よくある問題
アイコンだけでは慣習頼み（Norman, 1999）。スクロールで隠すと隠れたアフォーダンスに（Gaver, 1991）。最後の項目や下部ナビを隠しがちです。
上手な使い方
一画面一つ、リスト末尾に余白を。展開ボタンもサイズを守り（Parhi et al., 2006）、WCAG 2.2の2.5.8と2.4.11を確認します。
よくある質問
- 必ず右下？
- 右下が基本ですが中央下もあります。内容を隠さないことが大切です。
- iOSでも使う？
- iOSの慣習ではないのでナビバーやタブを優先します。
出典確認日：2026-10-27
参考文献
- Google. (n.d.). Floating action button (FAB). Material Design 3. 画面の主要操作一つに使う指針です。
- Bergstrom-Lehtovirta, J., & Oulasvirta, A. (2014). Modeling the functional area of the thumb on mobile touchscreen surfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1991–2000). ACM. 親指の届く範囲のモデルです。
- 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. 親指標的サイズの研究です。
- Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. 慣習と知覚されたアフォーダンスです。
- Gaver, W. W. (1991). Technology affordances. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 79–84). ACM. 隠れたアフォーダンスです。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.5.8と2.4.11の基準です。