• Navigation bars
  • display the navigation links to the most important pages of the product in a single bar along one area of the screen.
  • Depending on the design, this bar can be horizontal or vertical.
  • Navigation bars are easy to find and give users a clear look at all of the areas of the website that they can interact with. This helps your users get exactly where they want to go.

• Tab bars
  • are very similar to navigation bars, but they display page links as tabs that can be clicked on and off.
  • Tab bars can be icons, they can be text, or they can be both.
  • As you think about your own designs, know that tab bars are a great way to sort out your content and keep the user engaged with the content on your site. In the example, from Googler Kartik's Google Clock app design, the tab bar runs along the top of the screen. Each option changes within that area of the app, but doesn’t change the main screen of the app.

• Navigation menu
  • is a menu that appears when the user clicks the three lines icon on the edge of the screen.
  • These are sometimes called “hidden” menus (because they can be hidden away again) or “hamburger” menus (because of their shape).
  • These menus are usually located at the top left or right of the screen and are easy for users to quickly locate.
  • They also make the screen appear more visually appealing by “hiding” the details of the menu until the user taps to open it.
  • A navigation menu is a great way to showcase all of the links that you want to include without having to make them fit within your design parameters.

• Navigation hub
  • displays a collection of links on the homepage of the website.
  • With a navigation hub, the user often has to go back to the homepage to change pages.
  • This format helps reduce the amount of content on the screen at one time.
  • There is often a visible back button on each page that takes you back to the homepage where all of the navigation links are located.
  • A navigation hub might be ideal for you if your designs don’t have a lot of pages but, if your users need to multitask and move from one page to another, a navigation hub might not be the best option