怎样设计网站导航与位置提示？

让用户知道自己在哪里、能去哪里，并保持同类页面的入口一致。

导航是帮助用户到达内容的入口。位置提示是帮助用户知道当前所在位置的说明。两者一起，能减少在网站里迷路和重复寻找。

先记住这几件事

• 主导航 连接网站主要栏目；栏目名称应使用读者能理解的说法。
• 面包屑 显示页面在网站层级中的位置，例如“帮助 / 账户 / 修改邮箱”，不等于浏览历史。见 USWDS 面包屑指南 。
• 页签 切换相关内容； 分页 切换结果的一部分。它们解决的问题不同。
• 当前栏目要有明确标记；窄屏的折叠菜单仍要有名称、打开关闭方法和键盘操作。见 USWDS 页头指南 。

找到内容的流程

导航安排的示意

以下是假设帮助网站。

用一个例子走一遍

用户从搜索结果进入“修改邮箱”页。页面标题与面包屑告诉他这是账户帮助内容。想找密码说明时，可以回到“账户”栏目。手机浏览器把主导航折叠后，这些内容仍能通过菜单到达。

边界与常见误解

不需要给每个网站同时加主导航、侧栏、页签和面包屑。按内容规模与任务选择即可。网站导航也不应直接套用复杂桌面软件菜单的全部按键规则，要采用合适的网页部件模式。