官网导航怎么分才好找?用卡片分类理解用户的内容思路

站立参与者把空白内容卡片分组贴到墙上,观察者记录分类过程

企业内部觉得很清楚的导航,客户未必看得懂。“产品中心”“技术赋能”“服务生态”分别包含什么?下载一份安装指南,要去产品页面,还是资料中心?售后规则放在服务里,客户会不会先去找帮助?

卡片分类(Card Sorting)可以帮助团队了解用户怎样组织这些内容。《通用设计方法》把它用于探索参与者的分类思路、理解不同概念之间的联系,也提醒团队观察参与者的说明。分类结果是形成网站结构的线索,不能直接当成已经验证好用的最终导航。

先决定:想发现用户的想法,还是检查已有分类

采用一个假设情境:一家工业设备企业准备整理官网的产品、案例、安装指南、维修支持与下载资料。内部有人主张按部门分,有人主张按客户任务分。此时团队还没有合适的分类方案,可以先做开放式卡片分类。

研究方式 参与者拿到什么 能帮助了解什么 不能据此直接判断什么
开放式分类 内容卡片,自己分组并给组命名 用户觉得哪些内容有关,怎样描述一组内容 真实浏览时一定能找到目标
封闭式分类 内容卡片与事先给出的组名 用户如何理解已有组名,哪些内容归属存在分歧 完整导航层级与页面交互已经可用

如果问题是“我们完全不知道该怎样组织”,给出内部既有类别会过早限制答案。如果问题是“这两个组名是否表达清楚”,封闭式分类可以提供线索。若要检查一套导航能否让人完成查找任务,则需要后续树测试或页面任务测试。

卡片的质量,决定你在研究什么

先整理现有内容清单,剔除重复、失效或不在改版范围内的内容,再挑选能代表主要内容类型的卡片。并不需要把每一篇文章都印出来;但也不能只挑几个很容易归类的项目,忽略安装、维修、授权说明等有争议的内容。

卡片可以写页面名称或简短内容描述,尽量保持粒度相近。例如,“设备安装指南”“保修范围”“行业应用案例”可以共同参与讨论;把“产品中心”这个大类与某台设备的一项细小参数放在一起,会让分类问题变得不一致。

减少只有内部人认识的缩写,也不要在每张卡前面加上预设类别,例如“服务:维修预约”。如果某个词正是需要研究的名称,可以保留并记录理解;否则用中性、简短的描述帮助参与者知道卡片指什么,避免让阅读困难冒充分类分歧。

正式开始前,找人试做,检查卡名是否可理解、操作是否清楚、材料是否过多。书中提到的卡片数量和时长属于方法介绍中的经验,不能当成每个项目必须遵守的数字。初次研究可以先缩小到一个内容范围,做完整再扩展。

准备成功的标志: 团队有一份稳定的卡片清单,知道每张代表什么,试做时没有大量内容需要主持人解释。

现场怎样带,才能听到参与者自己的逻辑

招募与官网目标客群有关的人,而不只邀请公司同事。假设项目中,首次采购者和已有设备的使用者可能关心不同内容,可以分别记录他们的结果。研究需要覆盖哪些群体、收集多少材料,应由研究问题和后续分析要求决定;少数场访谈可以发现问题,但不能代表所有客户。

开场:说明没有标准答案

可以这样说:“这些卡片代表网站可能提供的内容,请按照你觉得合理的方式放在一起。分类时请说说你在想什么。不确定或看不懂的卡片可以先单独放开。”开放式分类时,暂时不展示现有导航。

先打乱卡片,避免直接按当前菜单顺序摆放。让参与者独立完成自己的版本,再讨论原因;多人协作分组也能用于探索,但得到的是小组协商结果,不应当成每个人的独立意见。

成功标志: 参与者知道可以移动、拆分和重新命名,没有为了迎合主持人而寻找“正确分法”。

分组:观察动作,也记录犹豫

不要在参与者把安装指南放入产品组时马上纠正。可以中性追问:“你觉得这几张有什么共同点?”“刚才这张为什么换了位置?”如果卡片意思不清楚,解释内容所指的对象,并记录这次解释;不告诉他应放在哪一组。

把难以归类、反复移动和被单独放置的卡片记下来。这些过程可能帮助解释最终结果,不能只拍一张分组完成图就结束。

成功标志: 记录中有参与者自己的理由和犹豫点,不只是主持人猜测的分类逻辑。

命名与收尾:请参与者解释组名

开放式分类完成后,请参与者给各组命名,并说明他预期这一组还可能包含什么。比如同样叫“支持”,有人想到维修、保修和联系方式,有人想到指南、教程和软件下载。文字相同,理解不一定相同。

再问有没有重要内容遗漏、哪张卡最难处理。空白卡片可以用于补充想法,但应区别于原始卡片,避免后续把不同材料混成同一套数据。保留每位参与者的分组、组名、身份特征和解释,记录与拍照应先取得同意。

成功标志: 每一份结果都能还原,新增卡片和主持人干预有记录,重要分歧没有被删掉。

不同形状容器旁的一张待归类纸卡,表现内容归属的分歧

分析结果时,最值得看的往往是分歧

先看哪些内容经常放在一起,再结合命名和说明理解原因。整理归组次数时,要记录参与人数、使用的卡片版本及研究方式;不同卡片集或不同类型的分类结果不能直接当成同一批数据比较。

不要只选最多人使用的组名,然后把它复制到导航里。在假设情境中,以下发现可以形成不同的设计动作:

观察到的情况 需要继续理解的问题 可形成的候选方向
安装指南有时进入产品,有时进入支持 人们是在选购阶段找,还是使用阶段找? 保留一个内容页面,在相关位置提供入口,再验证任务
“解决方案”组名含义不同 是行业应用、产品组合,还是定制服务? 使用更具体的名称或补充简短描述
某些卡片反复被放进杂项 卡名不清楚,还是现有分类无法容纳? 先查明原因,再决定改名、拆组或新增类别
采购者与已有客户的分法不同 两类人的主要任务是否不同? 设计分别适合选型与使用支持的查找路径

跨入口并不意味着复制多份相同内容。可以让产品页面和支持页面都指向同一份安装指南,保持内容维护一致。这个方案是否合理,还要结合用户任务、内容规模和页面呈现判断。

从卡片组到导航,还差一次查找验证

把研究发现转成一套或几套候选结构:确定类别名称、层级与内容位置,并记录每项选择的依据。随后用树测试检查结构本身。树测试提供简化的文字分类树,让目标用户按照任务找内容,例如:“设备出现故障,你想知道哪些情况在保修范围内,请找到相关说明。”

任务描述不要直接透露菜单名称。记录是否找到可接受的目标、第一步选了哪里、是否返回或绕路,并听取困惑。卡片分类问的是“你觉得哪些内容放在一起”;树测试检查的是“面对具体任务,你能否沿这套结构找到它”。

通过结构检查后,再在原型或页面里测试导航是否看得见、移动端是否好操作、内容标题是否明确。文字树无法呈现菜单展开方式、布局和页面信息,因此树测试通过也不意味着整个网站体验已经通过验证。

参与者面对分支门廊寻找目标卡片,表现候选导航仍需查找任务验证

开始前,可以检查四件事:研究对象是目标用户吗?卡片真的代表内容吗?记录了分组理由吗?已经安排候选导航的查找任务吗?做到这些,卡片分类留下的就不只是几堆卡片,而是可以继续检验的网站结构依据。

关于 58UI 设计工作室

58UI 设计工作室提供企业官网设计与开发、UI/UX 设计、品牌设计及响应式适配,也支持网站与数字产品的体验诊断和改版。可以了解 58UI 的设计与开发服务,或查看 官网与产品界面设计案例。

如果你的官网内容越来越多,客户却难以找到产品、资料或服务信息,欢迎 沟通网站架构与改版需求。从客户要完成的任务出发,整理内容、判断分类并验证查找路径,能让导航设计有更清楚的依据。

相关服务