Skip to results
UX Handbook
/
×
tfmstyle.com
→
Load more
Design Drawers and Side Panels
Navigation & IA · menus
Updated 2026-07-28
Drawers preserve context better than full screens.
Use for:
Details.
Editing.
Secondary workflows.
Good drawers:
Keep the original context visible.
Maintain orientation.
Close easily.
Avoid placing entire applications inside drawers.
A drawer is a layer, not a replacement for architecture.
Related guides
Design Accordions Carefully
Design Complex Navigation Menus
Design Menus for Speed
Design Back Button Behavior
Design Context Menus That Feel Responsive and Efficient
UX Handbook