Chapter 6

Creating Navigation and Tabbed Applications

IN THIS CHAPTER

check Creating navigation applications

check Creating tabbed applications

When it comes to mobile app user interface (UI) designs, two common patterns stand out:

  • Navigation style
  • Tabbed style

Navigation style is most often used in applications where users follow through a sequence of screens in order to complete a task. It’s most commonly used together with the List view (see Chapter 5), where users can select from a list of items and view the details of the selected item on another screen. The navigation style provides an easy way for users to move to the next screen, or navigate back to the previous screen. Figure 6-1 provides the conceptual overview of a navigation-style app.

The tabbed style, on the other hand, places several buttons at the bottom of the screen. These buttons are always visible and users can quickly decide which button has the content they want. Figure 6-2 shows the conceptual overview of a tabbed-style application.

Illustration of the conceptual overview of a navigation-style app - an easy way for users to move to the next screen, or navigate back to the previous screen.

FIGURE 6-1: The flow of a navigation-style app.

Illustration of the conceptual overview of a tabbed-style app, with 3 buttons at the bottom of the screen where users can quickly decide which button has the content they want.

FIGURE 6-2: The flow of a tabbed app. ...

Get SwiftUI For Dummies now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.