导航层级要方便用户查找,核心不是把栏目做多,而是让用户在每个页面都能在三次点击内到达目标内容,并且每一步都能看懂自己在哪、下一步去哪。对第一次接触这个问题的读者,起点是先梳理内容分类,再决定层级深度和导航形式,而不是先挑模板或插件。
层级深浅没有绝对标准,要看内容数量和用户任务。可以用一个简单判断:如果某类内容超过八个并列项,通常需要分组;如果分组后某条路径需要点击四次以上,说明分类可能过细。
判断结果可以这样用:用户能在一级导航里找到大致方向,在二级导航里找到具体条目,就说明层级基本合理;如果用户需要靠搜索框或猜栏目名才能找到,说明分类名称或层级有问题。
很多网站导航不好用,不是层级数量问题,而是名称用了内部叫法。用户找的是“价格”“怎么买”“售后”,导航里却写“商务合作”“解决方案”“服务支持”。
可以执行一个检查:把每个导航名称读出来,问自己“第一次来的人能不能猜到里面有什么”。猜不到就换词。例如“解决方案”可以按行业拆成“制造业方案”“零售业方案”;“服务支持”可以拆成“安装指导”“常见问题”“联系售后”。
适用条件是:网站面向外部客户,且用户对行业术语不熟悉。如果网站只服务老客户或内部人员,可以保留内部术语,但仍要在页面标题里写清楚。
导航形式影响用户查找效率,选择时要比较代价。
选择步骤:先列出一级栏目数量,超过七个就考虑分组或侧边栏;再看用户是否需要在同类内容间连续浏览,需要就保留侧边栏;最后给内容页加面包屑,让用户知道当前位置。假设一个企业站有产品、案例、新闻、关于、联系五个一级栏目,顶部导航就够用;如果产品下还有八个行业分类,可以在产品页内用侧边栏展示行业列表。
移动端屏幕小,桌面端的层级不能直接照搬。要检查三点:一级导航是否容易点开,二级菜单是否会被遮挡,返回上一级是否方便。
可以实际执行:用手机打开网站,从首页出发,尝试找到“某个具体产品的报价方式”。记录需要点几次、是否出现误触、是否能返回。如果超过三次点击或中途迷路,就要调整移动端菜单结构,例如把重要入口放在首页首屏,或把二级菜单改成可展开列表。
适用条件是:网站有移动端访问需求。判断结果是:用户能连续完成查找且不需要放大缩小页面,说明移动端导航基本可用。
先拿一张纸或表格,把现有栏目和用户常找的内容列出来,按用户任务重新分组,再决定一级、二级各放什么。改完后找两三个不熟悉网站的人,让他们完成一次查找任务,记录卡住的位置,再调整名称或层级。