The navigation bar appears at the top edge of the Apple Watch screen. The system displays the clock at one end of the navigation bar and provides a title area at the opposite end.

The navigation bar title area gives people an easy onscreen reference point and a natural starting place for scanning a screen’s content. The title area can also include navigational elements in the following two cases:

Screenshot of a Messages conversation, highlighted to show the navigation bar. The left end of the bar displays the blue circled go back symbol and the text 2 People. The right end of the bar displays the time 10:09.

An app that uses hierarchical navigation displays a back button next to the title of a detail screen.

Screenshot of a Messages conversation, highlighted to show the navigation bar. The left end of the bar contains a button titled Cancel.

A modal sheet covers the clock and displays the button that dismisses the sheet in the title area.

IMPORTANT The clock appears in the navigation bar of every nonmodal app screen. You can’t remove the clock, so be sure to account for it in your designs.

The system uses the minimum layout margins to inset both your title and the clock from the edges of the screen, particularly on Apple Watch Series 4 and later (shown below). For guidance, see Designing for Rounded Corners.

Diagram of a watch face showing a black rounded rectangle on top of a red rectangle of the same dimensions, leaving only the four corners of the red rectangle visible inside the black bezel. At the top of the black rounded rectangle, a navigation bar displays the word Title on the left and the time 10:09 on the right. Blue shading starts at the bottom of the navigation bar and extends to the bottom edge of the black rounded rectangle, indicating a safe area and narrow margins along both sides and the bottom edge.

Use the title area to describe the content of the screen. A descriptive title helps people understand what they can do in the screen and shows where they are in your app. In particular, apps that use that use hierarchal navigation should succinctly describe the current screen in the title area, even when that title appears next to a back button in a detail view. Avoid putting your app name in the title area.

Create a concise screen title. Aim for a word or short phrase that distills the purpose of the screen. Using no more than about 15 characters tends to work well.