底部固定按钮

始终触手可及

多数人单手拇指操作（Hoober, 2013），舒适区在屏幕下方（Bergstrom-Lehtovirta & Oulasvirta, 2014）。固定按钮把关键操作留在拇指区，相当于Fogg（2009）所说的随时可用的触发。

尺寸、宽度与安全区

尺寸要足够（Parhi et al., 2006），全宽更快（Fitts, 1954），高度通常不低于48dp。加上安全区边距；在移动端表单中让按钮随键盘上移。

遮挡与实验

页面底部留出按钮高度的空白。WCAG 2.2（W3C, 2023）2.4.11要求焦点不被固定元素遮挡。用实验验证（Kohavi et al., 2009），并结合转化率优化指标。

常见问题

每页都要放吗？

只在有明确主操作的页面有效。

与悬浮按钮的区别？

固定按钮通常全宽吸底，悬浮按钮是浮在内容上的小圆钮。

来源核查日期：2026-10-27

参考文献

1. Hoober, S. (2013, February 18). How do users really hold mobile devices? UXmatters. 观察到单手拇指操作最常见。
2. 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. 拇指功能区模型。
3. 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. 给出拇指最小目标尺寸。
4. 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. 宽且近的目标更快。
5. Fogg, B. J. (2009). A behavior model for persuasive design. In Proceedings of the 4th International Conference on Persuasive Technology (Article 40, pp. 1–7). ACM. 帮助将固定按钮理解为触发。
6. Kohavi, R., Longbotham, R., Sommerfield, D., & Henne, R. M. (2009). Controlled experiments on the web: Survey and practical guide. Data Mining and Knowledge Discovery, 18(1), 140–181. 在线实验设计指南。
7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.4.11：焦点不被固定内容遮挡。