为何从底部滑出
Hoober（2013）观察到多数人单手用拇指操作，Bergstrom-Lehtovirta与Oulasvirta（2014）表明拇指舒适区集中在屏幕下方。底部面板把选项放在拇指区（Fitts, 1954）。
标准与模态
Material Design（Google, n.d.）区分标准与模态面板，Apple（n.d.）定义了高度档位。重要且长的决定更适合模态对话框或独立页面（Cooper et al., 2014）。
下拉关闭与无障碍
应支持下拉或点外部关闭，并区分内部滚动以免与手势导航冲突。提供关闭按钮并移动焦点（Parhi et al., 2006）。
常见问题
- 与模态对话框有何不同？
- 面板从底部出现保留上下文，对话框居中要求立即决定。
- 哪些内容不该放进去？
- 长表单和多步骤任务。
来源核查日期：2026-10-27
参考文献
- Google. (n.d.). Bottom sheets. Material Design 3. 区分标准与模态底部面板的官方指南。
- Apple. (n.d.). Sheets. Human Interface Guidelines. 说明iOS面板的高度档位与关闭方式。
- 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. 对拇指可触及区域建模的研究。
- Hoober, S. (2013, February 18). How do users really hold mobile devices? UXmatters. 观察1300多人握持手机的方式。
- 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. 测量单手拇指操作的目标尺寸。
- Cooper, A., Reimann, R., Cronin, D., & Noessel, C. (2014). About face: The essentials of interaction design (4th ed.). Wiley. 讨论模态与非模态交互原则。
- 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. 关于距离、尺寸与移动时间的经典。