导航层级要方便用户查找,核心不是把栏目做多,而是让用户用最少判断找到目标页面。判断标准有三条:一级栏目是否覆盖主要业务;每个栏目下的页面是否能按用户任务分组;任意页面能否在三次点击内回到主要入口。达不到这三条,就需要调整层级,而不是继续增加导航项。
要查的是:一级导航里有没有用户真正想找的内容。怎么查:列出网站最常被访问的十类页面,再对照一级导航,看哪些页面只能从二级或页脚进入。结果说明:如果多数目标页面都藏在二级以下,说明一级导航没有承担分流任务,用户会依赖搜索或反复返回首页。
一个可执行做法是:把一级导航控制在五到七项,每项用用户熟悉的词,不用内部部门名。比如“产品中心”“案例展示”“服务流程”“联系我们”比“综合业务”“事业板块”更容易判断。适用条件是业务线较集中的企业站;如果业务差异很大,可以拆成两组导航,但每组仍要围绕用户任务命名。
要查的是:从首页到目标页面需要点几次。怎么查:随机选十个重要页面,从首页开始只点导航,记录点击次数。结果说明:如果超过三次才能到达,或者必须经过一个没有实际内容的中间页,用户很容易中途离开。三次点击不是硬性规定,但它是一个便于核对的参考线。
调整时优先合并“关于我们”下面重复的页面,把真正有内容的页面提到上一级。若某个栏目只有一个子页面,通常没有必要单独设一级栏目。这里要区分“可能原因”和“已经定位的原因”:点击次数多可能是层级太深,也可能是导航命名不清,只有实际走一遍路径才能确认是哪一种。
要查的是:用户进入内页后,能不能知道自己在哪、怎么回去。怎么查:打开任意三级页面,看页面顶部有没有面包屑路径,导航中当前栏目是否高亮。结果说明:如果既没有路径提示,也没有当前位置标记,用户只能靠浏览器后退,查找效率会明显下降。
面包屑的写法可以直接用“首页 > 产品中心 > 产品分类 > 当前页”。高亮当前栏目时,不要只靠颜色,还要配合加粗或下划线,避免色觉差异影响判断。适用条件是页面层级超过两级;如果网站只有首页和联系页,面包屑意义不大。
要查的是:手机屏幕上导航是否容易点开、项目是否容易点中。怎么查:用手机打开网站,尝试点开一级菜单,再进入二级页面。结果说明:如果菜单按钮太小、展开后遮住内容、二级项需要横向滑动才能看全,用户查找会受阻。
可执行的检查项包括:菜单按钮的点击区域是否足够大;展开后是否按层级缩进;返回上一级是否方便;当前页面是否在菜单中有标记。移动端不必照搬桌面端的全部导航项,但主要入口不能少。若某些栏目在手机上访问量很低,可以放进“更多”里,而不是直接删除。
要查的是:调整后用户能否更快找到目标。怎么查:找几位不熟悉网站的人,给出具体任务,例如“找到服务流程”或“查看某个产品分类”,记录他们是否一次点对。结果说明:如果多数人第一次点错,说明导航名称或分组仍不符合用户预期;如果多数人能直接点中,说明层级基本可用。
这项验证不需要复杂工具,纸面列出导航结构让人指认也可以。适用条件是网站已有一定内容量;如果页面很少,重点应放在内容是否完整,而不是继续细分层级。调整导航后,下一步是检查站内搜索是否返回相关页面,因为搜索和导航是两条并行的查找路径,任何一条失效都会增加用户负担。