导航层级方便用户查找的核心,是让用户在任意页面都能用不超过三次点击到达目标内容,并且每一层都能看清“我在哪、还能去哪”。如果现有网站已经上线,不必推翻重做,可以先从主导航的分组、层级深度和当前位置提示三处改起,再用查找任务验证效果。
层级过深的典型信号是:主导航里塞了十几个并列项,用户必须进入二级页面后才能看到真正需要的分类;或者面包屑只显示“首页 > 分类”,看不出当前页面与上级的关系。这类问题在已有项目中很常见,因为页面是陆续添加的,导航往往最后才整理。
一个可执行的检查方法是做“三次点击测试”:从首页出发,随机挑十个站内目标页面,记录每个页面需要点击几次才能到达。如果有超过三个页面需要四次以上点击,说明层级需要压缩。适用条件是站点已有明确的内容分类;如果内容本身尚未整理,应先做分类,再调导航。
主导航适合放 5 到 7 个一级项,每个一级项下再分二级项。分组依据应当是用户的目标,而不是公司内部部门。例如把“产品介绍、价格、购买”放在同一组,比按“市场部内容、销售部内容”分组更容易被找到。
层级深度建议控制在三层以内:一级导航、二级分类、具体页面。超过三层时,可以用侧边栏或页面内的锚点链接补充,而不是继续往主导航里嵌套。下面是一个假设的例子,用于说明结构,不是真实项目数据:
如果某个二级分类下只有一两个页面,可以考虑把它并入相邻分类,减少用户需要展开的层级。判断结果是:层级越浅,用户越容易在导航中直接看到目标;但分类也不能少到让一个入口承载过多不相关内容。
用户找不到内容,很多时候不是层级太深,而是不知道自己现在处于哪一层。可以在页面顶部保留面包屑,格式为“首页 > 一级分类 > 二级分类 > 当前页面”,其中每一级都可点击返回。面包屑要与主导航的分组保持一致,否则用户会得到两套互相矛盾的路径。
同时,主导航中当前所在的分类应有可见的选中状态,例如颜色或下划线变化。这样用户不用回忆自己是从哪个入口进来的。检查项包括:面包屑是否出现在所有内容页;最后一级是否为当前页且不可点击;移动端是否仍然能看到返回上一级的入口。
改完导航后,不要只看页面是否美观,而要让不熟悉网站的人执行具体任务,例如“找到退货说明”“找到某一类产品的规格页”。记录他们是否在三次点击内到达、是否中途返回首页重新找、是否点错分类。如果多数人需要回退两次以上,说明分组名称或层级位置仍不直观。
验收信号可以设为:目标页面能在三次点击内到达;用户在二级页面能说出自己所在分类;面包屑与主导航指向一致。适用条件是站点已有可访问的页面和基本内容;如果页面本身缺失,导航调整只能改善路径,不能变出内容。
先列出用户最常查找的五个目标页面,逐个记录当前点击路径,再按上面的分组和面包屑方法调整。改完后用同一批任务复测,对比调整前后的点击次数和走错次数,再决定是否继续压缩其他分类。