导航是一系列的决策
每次访问者与您的导航交互时,他们都在做决定:选择哪个类别、标签是否意味着他们认为的那样、他们想要的子类别是在这个父级下还是在另一个下。每个决定都消耗少量认知资源——注意力、工作记忆、处理能力。对于大多数访问者来说,这些资源是有限的,特别是在移动购物特有的短暂、分心的会话中。
认知负荷的概念——借用自教育心理学——描述完成任务所需的总体精神努力。在导航中,高认知负荷表现为犹豫、走错方向、回退,最终是放弃。低认知负荷表现为"自然知道该去哪里"的体验——导航感觉无形,因为它不需要费力的决策。导航设计的目标不是让访问者均等地接触所有选项;而是在适当的特定性级别呈现正确的选项,使每个导航决定只需最小的有意识努力。
"我们的Slide Menu中有22个顶级类别。分析显示,访问者在点击任何东西之前花了将近30秒与菜单交互——上下扫描,有时打开菜单两次。当我们整合到8个更宽泛的类别,配有更清晰的子类别时,从会话开始到第一次点击产品的时间减少了一半以上。访问者在网站上花费的时间并没有减少;他们在导航本身上花费的时间减少了,在产品上花费的时间增加了。"
— Navi+的一位客户,特色食品饮料品牌
导航认知负荷的来源
导航中的认知负荷从几个来源积累,每个来源都可以通过具体的设计决策来解决:
选择过载:一个层级的选项太多。 希克定律(在人机交互研究中正式化)指出,决策时间随选项数量的增加而对数增长。拥有15个顶级类别的导航菜单比拥有6个类别的菜单需要成比例地更多决策时间,即使访问者在两种情况下都在寻找同样的东西。额外的类别不是免费的——它们消耗扫描时间并对哪个包含所需产品产生不确定性。顶级导航选项的最佳数量通常为5-7,这与希克定律和人类工作记忆的限制(认知心理学的"神奇数字七,加减二")保持一致。
模糊标签:可能意味着多种事物的类别。 当导航标签模糊时——"产品"(与什么相对?)、"系列"(哪些?)、"更多"(更多什么?)——访问者必须在决定是否点击之前推断其内容。这种推断消耗认知资源并引入错误风险:基于误读标签点击错误类别的访问者会感到沮丧,有些人无法从中恢复。清晰、具体、互斥的类别标签消除了推断的需要,并将每个导航决定的成本降低到标签与访问者对其所需内容的心理模型之间的简单匹配。
结构不一致:导航在各处表现不同。 访问者在最初几次交互中建立您导航工作方式的心理模型。如果导航结构在页面之间发生变化——类别以不同顺序出现、活动状态指示器工作方式不同、在不同情境下访问子类别需要不同手势——访问者必须每次遇到不一致时更新其心理模型并重建对导航的空间理解。无论在哪个页面,一致的导航结构都能减少认知开销,因为访问者可以依赖其积累的理解,而不必在每个页面重新定向。
视觉噪声:与导航信息竞争的装饰性元素。 被竞争性视觉元素包围的导航——与导航标签同一色系的密集促销内容、足够相似以至于混淆的图标、导航附近的动画元素——当访问者从噪声中过滤信号时产生额外的处理负荷。在视觉上与其背景不同的导航——通过清晰的排版层次、充足的空白和一致的图标语言——减少识别和与导航元素交互所需的视觉处理。
| 认知负荷来源 | 导航问题 | 设计解决方案 |
|---|---|---|
| 选择过载 | 15个以上顶级类别 | 5-7个宽泛类别,具有子类别深度 |
| 模糊标签 | "产品""项目""系列" | 具体且互斥的类别名称 |
| 结构不一致 | 每个页面菜单顺序或行为不同 | 所有页面结构和行为相同 |
| 视觉噪声 | 导航与促销争夺注意力 | 清晰的视觉层次将导航与内容分离 |
在实践中应用低认知负荷原则
减少导航认知负荷并不是以减少功能的方式简化导航——而是以减少不必要精神努力的方式使导航更清晰。拥有6个顶级类别和每个4个子类别(共24个目的地)的良好组织导航比拥有15个顶级类别的平面导航承载的认知负荷显著更少,因为层级结构允许访问者在一个决定中排除导航的大部分,而不是逐个扫描每个选项。
实际干预措施是:审计您的顶级类别数量并整合任何可以归入更宽泛父类别的内容;根据"第一次访问、想要[此产品]的访问者会立即将其识别为正确类别吗?"这一标准审查每个导航标签;验证导航结构和视觉层次在商店所有页面上保持一致;并检查您的导航与相邻促销内容有清晰的视觉分离。每项干预措施都减少一个认知负荷来源,并产生导航效率的边际改善,这些改善在每周导航您商店的数千个会话中积累。