<p>1. Multiple entry points: Provide multiple links to the same destination;</p>
<p>2. Shortcuts: Provide shortcuts to access content, such as related links;</p>
<p>3. Escape hatch: Click the logo to return to the homepage and restart the information search.</p>
</div>
</div>
</div>
---
## Design Suggestions
### Information Architecture
• Keep the information architecture hierarchy shallow, flat, and wide as much as possible during design;
• Consider navigation from the user's usage path rather than just based on the hierarchical structure;
• Common organizational methods include:
1. By topic, such as the services or content categories provided by the product, which directly presents the site's content scope;
2. By audience, such as administrators, operators, users;
3. By task, such as understanding cooperation models, contacting cooperation specialists, signing process, cooperation coordination, business operation, customer service.
### Navigation Paths
A complete navigation should allow users to move along multiple paths:
- Used when there are many menus, recommended for more than 6 menu items;
- Can carry multiple levels, but 1-3 levels are recommended;
- Enterprise products are recommended to use sidebar navigation, which has better visibility and is easier to scan. The importance of each menu is less affected by the menu order.
**Do not place in-page operations in utility tools.**
### Subsite Navigation
Enterprise products often adopt a mixed structure of hierarchy + database in information architecture. This structure usually has deep layers. To achieve a shallow, flat, and wide perception level for users, organize several deep layers into a subsite to reduce the number of levels in a single site and reduce user cognitive load.
Another subsite scenario is to face complex tasks that require a large workspace and handle tasks immersively as a subsite. The most common is the editor. In subsite mode, there is a low demand for full-site navigation functions, usually only needing to provide an exit to return to the upper level or homepage.
> Here, the database is a form of information architecture where the content of each page is independent but follows a consistent format.
- Subsite design should be significantly different from full-site navigation, requiring a significant transition to indicate entering a new space.
### In-Page Navigation
For content navigation at lower levels of the information architecture, use in-page navigation. If the page needs to be shared with others, add a location mark in the URL.
The page header is located above the page content, mainly for declaring the page theme, in-page information navigation, and page-level content operations.
Click to enter the lower-level content of the information architecture. Defaults to in-site navigation; opens a new tab for external sites. A typical scenario is drilling down from a list to details.
Reflects the current page's position within the website structure. When there are fewer than three levels, there is no need to display breadcrumbs, as the global navigation can directly present the location. Users can return to the previous page through breadcrumbs.
**Titles typically appear alongside breadcrumbs. When breadcrumbs are present, back buttons in titles are not recommended.**
The back button in the page header is equivalent to a short breadcrumb, used to return to the previous level. It is suitable for subsite scenarios where full-site navigation is hidden, and users need to return to the upper level through the back button.
To test the quality of the navigation system, conduct a stress test: parachute into the site, testing the navigation system's limits.
1. Ignore the homepage and go directly to a random page on the site;
2. Check if users can know their current position and its relation to other parts of the site. Which part of the site is this? What is the upper-level page?
3. Do they know where this page will take them? Does the link text explain the destination?
- [When You Should Use a Breadcrumb Navigation?](https://uxmovement.com/navigation/when-you-should-use-a-breadcrumb-navigation/)
- [Books: "Information Architecture for the World Wide Web" - Navigation Systems](https://www.oreilly.com/library/view/information-architecture-for/0596527349)
- [Books: "Designing Web Navigation"](https://www.oreilly.com/library/view/designing-web-navigation/9780596528102/)
