<?xml version="1.0" encoding="utf-8"?>

Split view structure

Split view structure

Split views support navigation through information hierarchies by displaying multiple panes of related content. This pattern works best in regular (not compact) environments that provide sufficient horizontal space.

Split views organize information in connected panes

  • The leading pane lists top-level items or collections
  • The secondary pane shows the selected item contents
  • The optional tertiary pane displays additional details, like inspectors or previews

On iPad, split views adapt to different contexts:

  • In landscape, panes appear side by side
  • In portrait, the app might hide the primary pane but keep it accessible through a button
  • On iPhone, apps typically use standard navigation instead of split views[1]

For instance, the Finder app shown above illustrates this pane hierarchy: the leading pane presents top-level collections like Favorites and Locations, the secondary pane shows the contents of the selected Downloads folder, and the tertiary pane displays additional details with file information and preview.

Improve your UX & Product skills with interactive courses that actually work