Navigation
The system defines two navigation models you can use to present content on multiple screens: hierarchical and page-based. Choose the model that fits best with the way you organize your content and functionality.
Hierarchical navigation works well for a primary-secondary interface, in which items have parent-child relationships, or for presenting a navigable list of options. When people tap an item in a hierarchy, a new page appears that displays the item's information and may list additional child pages.
Page-based navigation is a way to present a flat collection of information in which all items are peers. In page-based navigation, each item is displayed on a single page that may scroll vertically. People swipe horizontally to navigate from page to page, and dots indicate their place in the set of pages.
You can support a vertical type of page-based navigation within a hierarchy when a parent item has several detail pages, none of which contains scrolling content. In this case, you can let people swipe vertically or use the Digital Crown to move directly from one detail page to another, without having to return to the parent page in between.
The Workout app uses both hierarchical and horizontal page-based navigation: the top-level screen displays a long list of workouts, each of which contains child pages that provide details.
After people start a workout, their focus shifts to the controls and metrics that are relevant during the session. To support this shift, the Workout app switches to page-based navigation for the child pages, so that people can easily swipe among workout controls, metrics, and playback controls while they're moving.
Workout controls
Metrics
Playback controls
Focus on essential content. Regardless of the model you choose, including too many pages of content can make navigation time-consuming and confusing. Design your app for quick and convenient interactions. If your watchOS app has an iPhone companion app, design the watchOS app to complement your iPhone app, not mimic it.
Avoid creating hierarchies deeper than two or three levels. Shallow hierarchies make it easier for people to find what they want quickly. Including more than two or three levels of information might cause people to lose their place during navigation.
IMPORTANT Although you can display a modal view in both hierarchical and page-based apps, avoid using a modal view as a core navigational component in your app.
For developer guidance, see WKInterfaceController.