Breadcrumbs
Breadcrumbs contain a list of hyperlinks to visualize the page's location. Users can navigate to any “ancestor” pages within the hierarchy.
1. Alike components
| Breadcrumb | Progress bar | |
|---|---|---|
| Usage | Showing the track of locations | Showing the steps that take to complete a specific task. |
| Contains future steps/pages | No | Yes |
| The data list is static. | No. It changes based on your location. | Yes |
2. How to write texts
The #of links is customizable. Please limit the item to less than 5 options to avoid cognitive overload.
Do
Limit #of items to less than 5.
Don't
Don’t put more than 5 items to the link
Do
Use short, succinct words in the labels.
Don't
Don’t put sentences in the labels.