Why slide up from the bottom?
Hoober (2013) observed most people hold phones one-handed and operate with the thumb, and Bergstrom-Lehtovirta and Oulasvirta (2014) modelled the comfortable thumb area as concentrated low on the screen. Bottom sheets place choices in that thumb zone, and per Fitts (1954) near, large targets are faster than top dropdowns.
Standard versus modal sheets
Material Design (Google, n.d.) separates standard sheets, usable alongside the content behind, from modal sheets that dim the background and require attention. Map place details suit standard sheets; share menus or quick choices suit modal ones. Apple (n.d.) defines detents such as medium and large adjusted by a grabber. As Cooper et al. (2014) note, blocking should match importance, and long, critical decisions belong in a modal dialog or full screen.
Drag-to-dismiss and accessibility
Sheets should close by dragging down or tapping outside, but distinguish inner scrolling from sheet dragging so they do not clash with gesture navigation. Provide an explicit close button for screen-reader users, move focus into the sheet when it opens and size buttons at least to Parhi et al.'s (2006) thumb recommendations.
FAQ
- How do bottom sheets differ from modal dialogs?
- Sheets rise from the bottom, preserve context and suit thumbs; dialogs sit centre-screen for immediate decisions.
- What should not go in a bottom sheet?
- Long forms and multi-step tasks belong on their own screen.
Sources reviewed: 2026-10-27
References
- Google. (n.d.). Bottom sheets. Material Design 3. Official guidance distinguishing standard and modal bottom sheets.
- Apple. (n.d.). Sheets. Human Interface Guidelines. Explains iOS sheet detents and dismissal.
- 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. Models the thumb's reachable area on touchscreens.
- Hoober, S. (2013, February 18). How do users really hold mobile devices? UXmatters. Observed how 1,300+ people hold phones.
- 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. Measures target sizes for one-handed thumb use.
- Cooper, A., Reimann, R., Cronin, D., & Noessel, C. (2014). About face: The essentials of interaction design (4th ed.). Wiley. Covers modal versus modeless interaction principles.
- 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. Classic on distance, size and movement time.