O'Reilly logo

Fixing Bad UX Designs by Lisandra Maioli

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Navigation schema and nomenclature

A navigation schema specifically focuses on the navigational structures and the relationships between these structures present within an interface. A very practical example of this as a deliverable would be: the global navigation (top nav), tool bar, and left rail (in various states) for a product facet search on product pages. These are important to tease out separately from other UI elements for many reasons, one of which is because they need to appear in a style/developer's guide.

You can also analyze the navigation schema in parts:

  • Global Navigation
  • Primary Navigation
  • Secondary Navigation
  • Breadcrumb Navigation
  • Footer Navigation

As you can see here in the following image: 

Different Navigation scheme ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required