Submodule 4.1: Navigation - Icons

  • Navigation
  • Navigation bars
  • Breadcrumbs
  • Font Awesome

Why Website Navigation?

Why Website Navigation?
  • Websites are rarely single pages
  • Need to provide visitors an intuitive means of getting around your website
  • Several commonly used navigation patterns used on websites
Navigation Bars
  • Users often expect it at the top of the website
  • Contains links to various pages within your website

Navigation bar

Breadcrumbs
  • Secondary navigation
    • Usually placed below the primary navigation and above the content
  • Indicator of the current page’s location within a navigational hierarchy
    • Path based: set of steps
    • Location based: hierarchy

Breadcrumbs