导航层级要方便查找,核心是让用户在任何页面都能用不超过三次点击到达目标内容,并且每一层都清楚知道自己在哪里、下一步能去哪里。做到这一点,需要先定内容分类,再控制层级深度,最后用可见的路径提示验证效果。
导航层级不是越浅越好,也不是越深越全。对多数中小型站点,建议控制在三层以内:一级是主导航,二级是栏目或分类,三级是具体内容页。超过三层后,用户容易迷失,也不容易判断当前页面属于哪一部分。
判断方法很直接:从首页出发,数一数到达任意一个主要页面需要点击几次。如果某个重要页面要点击四次以上,就要考虑把它上移,或者在一级导航里增加一个更直接的入口。
层级的本质是分类,不是页面数量的堆叠。先把内容按用户目标分组,再决定导航名称。常见做法是:
假设一个提供建站知识、模板示例和常见问题的站点,一级可以是“建站入门”“模板与布局”“常见问题”。如果“模板与布局”下面既有页面结构又有配色,二级就分成“页面结构”和“配色方案”,而不是把几十个页面平铺在一级导航里。
用户找不到内容,往往不是层级太深,而是不知道自己现在在哪一层。解决办法是同时使用三种提示:
面包屑不只是装饰,它让用户能一步跳回上层,也方便判断当前页面在整体结构中的位置。如果站点使用<h2>组织内容,面包屑通常放在页面主标题上方,用文字链接实现即可。
改完导航后,用下面这份清单验收:
如果检查中发现某个入口需要用户猜测,或者同一内容出现在多个不相关的层级里,说明分类还需要调整。调整时优先合并相近分类,而不是继续增加层级。
先画出当前站点的三层结构草图,标出每个主要页面的点击路径。找出超过三次点击的页面,把它们移到更靠上的层级,或者在一级导航中增加直接入口。改完后用上面的清单逐项核对,再请一位不熟悉站点的人试着找三个指定页面,观察他是否需要返回首页重新开始。