Refine By

Navigation

  • Contents:

Navigation:

  • Guides users through different sections of an interface
  • Helps find desired content and features
  • Is often shortened to “nav”
  • Is formatted as a menu

Types of nav controls

 

Desktop navbar

  • Used on desktop
  • Usually positioned in the top or left rail of pages

Mobile menus

  • Used for responsive and app navigation
  • Suited for both tablet and smartphone

Submenus

  • Simplifies complex navs into parent and child elements
  • Leverages traditional dropdowns and mega menus for desktop sites, flyouts for mobile

Tabs

  • Are an alternative to accordions
  • Condense content and allow the user to focus on one bit of content at a time
  • Navigate to content within a page, instead of from page to page

Tabs

 

Breadcrumbs

  • Connect┬áthe current page to the homepage via a chain of links
  • Help a user orient themselves within a site’s hierarchy

Version History

Date/Time of ChangeWho Made the ChangeChange Details
May. 08 2017 4:57pm Initial content entry