Differences

iOS vs. Android Navigation

Untitled

On iOS, the (optional) left action is almost always some sort of “back” – whether to the previous screen sequentially (“Step 2” goes back to “Step “1), or the parent screen hierarchically (“Inbox” goes up to “Mailboxes”). Alternatively, a non-related destination can be linked here. The page title is virtually always present, and starts large, but shrinks with the header as the user scrolls. The optional right page action(s) can be displayed as a single text action or multiple icon actions.

On Android, the page title is left-aligned. There doesn’t need to be anything to the left of the page title, but (a) if the page is a top-level page and there’s a hamburger button in the app, it appears there, or (b) if this page follows another sequentially, you can optionally add a back button.

Primary Navigation Destinations

Untitled

On iOS apps, primary destinations in the app are listed as tabs across the bottom.

  1. There are 2-5 tabs total
  2. They are labelled in size 10 font
  3. They represent the main destinations or “nouns” of the application

For what it’s worth, many popular third-party iOS apps also conform to a few additional guidelines:

  1. Any tab that represents the primary action of the app – for instance, adding a new photo in a photo-based app – is centered
  2. Any profile- or settings-related tab appears last
  3. Search appears second

iOS default apps, on the other hand, (1) discourage actions being in the tab bar, (2) don’t have profile- or settings-related tabs, and (3) make search appear last.

The biggest difference on Android apps is that the same primary destinations are more spread out throughout the interface – often between (a) a hamburger button, (b) a search bar, (c) tabs, or (d) a floating action button. We’ll talk about all 4 in later sections. Oh, and note: Android does use bottom navigation more recently, similar to iOS – so you may not have that big of a difference at all.

Secondary Navigation Destinations