导航层级方便用户查找的核心不是“分得越细越好”,而是让用户在三次点击以内到达目标页面,并且每一层都能看见自己在哪里、下一层有什么。对黄石本地企业站来说,常见做法是:主导航放5到7个一级栏目,每个一级栏目下再分二级、三级,层级深度控制在三层以内,同时用面包屑和侧边栏把当前位置和同级内容标出来。判断是否合格,可以找不熟悉网站的人做一次查找测试:给出一个具体目标页面,记录他点了几次、在哪一层犹豫、有没有点错。
导航结构有两个方向:深度是纵向层数,宽度是同一层并列的栏目数量。查找困难通常来自两种情况。
比较务实的做法是把高频内容放在浅层,低频内容放到深层。假设一个黄石本地服务类网站有“产品中心、案例展示、新闻资讯、关于我们、联系我们”五个一级栏目,其中“产品中心”访问最频繁,就让它直接展开二级分类,而不是先进入一个只有一段介绍的中间页。这个例子是假设,用来解释判断方法,不代表任何实际项目。
检查时可以数一数:从首页到最深的详情页,一共经过几次点击。如果超过三次,先考虑能不能把中间那层合并掉,或者把部分内容提到上一层。
用户查找时最怕的是不知道自己现在在哪一层。面包屑导航显示“首页 > 产品中心 > 某分类 > 某页面”,让用户能一键回到任意上层。它同时说明了两件事:当前页面的归属,以及同级还有哪些分类。
除了面包屑,还可以用两种方式强化位置感:
判断效果的方法:随便打开一个内页,遮住网址和页面标题,看能否只凭导航区域说出自己在哪个栏目下。如果说不出来,位置提示就不够。
导航层级是否方便查找,很大程度取决于每一级的名称。用户找的是“价格”“地址”“预约”“维修”,而不是企业内部的部门叫法或产品代号。比较两种命名:
这里不是要求堆砌搜索词,而是要求导航名称和用户的目标一致。检查方法是把每个一级、二级栏目名称单独拿出来,问一句:一个不了解这家公司的人,看到这个词能不能猜到里面有什么内容。如果猜不到,就换成更具体的说法。
桌面端能展开的多级下拉菜单,在手机上往往变成折叠面板或汉堡菜单。移动端屏幕窄,同一层能并列显示的项更少,因此层级策略需要调整:
判断移动端导航是否可用,用手机实际点一遍:手指能否准确点中目标,展开后是否需要大幅滚动才能看到下一项,返回上一级是否方便。这些是能直接观察到的现象,不需要借助工具。
如果现有导航让用户查找困难,可以按下面顺序处理:
适用条件是:网站已有一定数量的页面,用户反馈找不到内容,或者跳出率集中在某些中间页。如果网站只有十几个页面,层级本身不是主要问题,优先检查导航名称和入口位置即可。判断结果的标准是查找任务能否在三次点击内完成,以及用户是否需要回头重新找。
下一步:挑一个你网站里访问量较高但用户停留时间短的栏目,画出它从首页到详情页的完整点击路径,数一数中间有几层、每层有多少个并列选项,再决定是合并层级还是改名称。