mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 02:59:58 +08:00
1 line
9.3 KiB
JavaScript
1 line
9.3 KiB
JavaScript
|
(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["206a72bf"],{"206a72bf":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"texts",{enumerable:!0,get:function(){return n;}}),t("e8a916d6");let n=[{value:"Navigation is used to display where the user is in the current product and where they can go.",paraId:0},{value:"Make users clearly aware of their current position in the product and conveniently and quickly take them to where they want to go.",paraId:1,tocIndex:0},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"Users can locate the information they want.",paraId:3,tocIndex:2},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"1. Multiple entry points: Provide multiple links to the same destination;",paraId:4,tocIndex:3},{value:"\n ",paraId:2},{value:"2. Shortcuts: Provide shortcuts to access content, such as related links;",paraId:5,tocIndex:3},{value:"\n ",paraId:2},{value:"3. Escape hatch: Click the logo to return to the homepage and restart the information search.",paraId:6,tocIndex:3},{value:"\n ",paraId:2},{value:"\n ",paraId:2},{value:"\u2022 Keep the information architecture hierarchy shallow, flat, and wide as much as possible during design;",paraId:7,tocIndex:5},{value:"\u2022 Consider navigation from the user's usage path rather than just based on the hierarchical structure;",paraId:8,tocIndex:5},{value:"\u2022 Common organizational methods include:",paraId:9,tocIndex:5},{value:"By topic, such as the services or content categories provided by the product, which directly presents the site's content scope;",paraId:10,tocIndex:5},{value:"By audience, such as administrators, operators, users;",paraId:11,tocIndex:5},{value:"By task, such as understanding cooperation models, contacting cooperation specialists, signing process, cooperation coordination, business operation, customer service.",paraId:12,tocIndex:5},{value:"A complete navigation should allow users to move along multiple paths:",paraId:13,tocIndex:6},{value:"\n ",paraId:2},{value:"A - Lateral Move",paraId:14,tocIndex:6},{value:": Jump to the same level",paraId:14,tocIndex:6},{value:"B - Drill Down",paraId:15,tocIndex:6},{value:": Enter lower-level content",paraId:15,tocIndex:6},{value:"C - Return",paraId:16,tocIndex:6},{value:": Browse back through history or higher-level content",paraId:16,tocIndex:6},{value:"D - Associative Navigation",paraId:17,tocIndex:6},{value:": Navigate to content based on relevance",paraId:17,tocIndex:6},{value:"Correct understanding and use of navigation components are crucial to the overall product experience.",paraId:18},{value:"We divide navigation into the following 5 types:",paraId:19},{value:"Global Navigation",paraId:20},{value:"Back Navigation",paraId:21},{value:"In-Page Navigation",paraId:22},{value:"Drill Down Navigation",paraId:23},{value:"Associative Navigation",paraId:24},{value:"Global navigation reflects the core organizational structure of the website.",paraId:25,tocIndex:8},{value:"\n ",paraId:2},{value:"Used when there are many menus, recommended for more than 6 menu items;",paraId:26},{value:"Can carry multiple levels, but 1-3 levels are recommended;",paraId:27},{value:"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.",paraId:28},{value:"The weight of each menu is often positively correlated with the order, meaning the order affects the frequency of user use;",paraId:29},{value:"Recommended for 2~7 content items;",paraId:30},{value:"Recommended for 1-2 levels; when more than 2 levels, pop-up navigation is recommended.",paraId:31},{value:"Used to expand the navigation bearing level, suitable for large websites.",paraId:32},{value:"Site
|