Navigation adapts to different screen sizes and orientations while maintaining content relationships and user context.
Navigation adjusts based on space:
- iPad shows persistent navigation in sidebars
- iPhone collapses navigation into tabs or menus
- Landscape orientation reveals more navigation options
- Portrait mode prioritizes content while keeping navigation accessible[1]
Responsive navigation puts content first while ensuring easy access to navigation controls. Trello shifts between a spacious board layout with visible lists on iPad to a scrollable single-column view on iPhone, maintaining project organization while adapting to screen constraints.
