HI,下午好,新媒易不收取任何费用,公益非盈利机构
24小时服务热线: 4000-162-302
请扫码咨询

新媒易动态

NEWS CENTER

导航有层级性,那要保证导航之间的分组是合理的,且符合用户使用路径

2021-04-29

导航类组件用来告知用户当前处于什么位置,可以去哪里。

1. 设计原则

1)分组合理

如果导航有层级性,那要保证导航之间的分组是合理的,且符合用户使用路径。

2)多接入点

对于同一个目的,合理提供用户多个链接进行导航。

3)返回有序

要让用户在页面上返回的时候具有连贯性,而不应该忽然回不去了。

2. 页头(带返回)

通常的页头只带页面标题,告知用户当前处于什么位置。而带返回按钮的页头,允许用户返回上一层级。一般来说,使用带返回的页头时,不推荐使用面包屑。

B端通用组件使用法则(三)-导航、反馈

3. 标题

标题组件服务于页面内的内容信息,起到为内容信息分组的作用,帮助用户更快速的查找信息。


4. 可折叠标题

当页面内容信息较多,在简单分组的情况下,用户依然需要通过滚动条查找处于页面底部的信息,使用可折叠标题来收纳内容。允许用户关注重要信息,将不重要的信息折叠起来。


5. 下拉菜单

当页面上的操作命令过多时,用此组件可以收纳操作元素。点击或移入触点,会出现一个下拉菜单。可在列表中进行选择,并执行相应的命令。


6. 面包屑

当系统拥有两级以上的层级结构时,面包屑能显示当前页面在系统层级结构中的位置,并能向上返回(返回非只有上层,而是任意层级)。

7. 标签页

提供平级的区域将大块内容进行收纳和展现,保持界面整洁。


8. 可编辑标签页

标签页可以被重命名、排序、删除的时候使用。


9. 步骤类标签页

该标签页带有步骤条属性,但步骤之间可以随意切换,不具有前后关联的强制约束性。


10. 更多标签页

当标签页很多的时候,可以置入“更多”按钮。

相关推荐