And when you use these navigation elements in your navigation bar,
don’t use generic labels, use meaningful labels.
For example, if you put a label named product in your
navigation bar, people will be confused about what you mean by product.
Or say, if you put a service in your navigation bar, they may be confused.
What kind of service are you providing?
It will be more meaningful to give a more descriptive term
In your headers in your navigation bar.
Yet another means of providing navigation for
users is to provide what is called as breadcrumbs.
These are typically provided somewhere in that page,
typical towards the top edge of the webpage,
closer to the heading of that webpage.
The breadcrumbs sort of indicate some kind of a navigational
hierarchy within which you're currently In your website.
So this provides a secondary navigation option for your website.
So this could be placed somewhere below the primary navigation.
It may indicate the hierarchy of pages through which you have gone.
And the current location may be highlighted specifically in
the breadcrumb there.
So various ways that people can use breadcrumbs
include providing a path based navigation.
Say, for example, if you have a user going through a set of steps in order to
complete a task on your website, say for example, reserving a airline ticket.
Then you could use a breadcrumb approach for indicating to them
what step the user is currently on in the sequence of steps.
Similarly, if you are providing your location based navigation for
hierarchical approach within your website.
So, what level of hierarchy you are in and what is the upper part towards
the root of your hierarchy, so that could be indicated by your breadcrumbs.
Your breadcrumb could also be attribute based, meaning that you provide a set
of choices indicated in your breadcrumb for the user at the current point of time.
A typical front-end UI framework provides many
other ways of providing navigation on your webpages.
These include tabs, pills, pagination, dropdowns,
accordions, tags, and SchrollSpy, and Affix.
We'll look at some of these in a bit more detail as we go through
the various lessons in the modules that follow this particular lesson.
[MUSIC]