The purpose of the product’s navigation design is to highlight the Number List core functions of the product and flatten the user’s task path. Allow users to move smoothly in the product, let users know where they are in the product, and how to get to the destination page or function. Then let's take a look at the difference between different navigations.
1. Bottom Tab (Tab) Navigation
When the experience flow of the product runs through several functional modules, and the user needs to switch back and forth between several tab entries during use, this is the bottom tab navigation. There are generally no more than five labels in the bottom label navigation, because after more than five labels, there is no reflection of the core functions.
The modules that run through the entire experience flow of the product are tiled in the Tab Bar position, which not only ensures the switching efficiency, but also ensures that the user's task path is flat during use.
Second, the top tab (Tab) navigation
The top Tab was first proposed and used by Google, mainly to distinguish it from a navigation mode of iOS. Different from the bottom tab navigation, because at the top, fingers are generally difficult to reach, so the top tab navigation function is more detailed, and there are more tabs, usually by swiping left and right to switch tabs.
In actual projects, the top and bottom are basically used together.