靠谱的产品青年交互设计关于用研

用卡片分类法提升信息架构:入门指南

2014-10-22  本文已影响2724人  gyro

原文作者:Pierre Croft

原文地址:Smashing Magazine

信息架构是你经常听到的流行词之一。它指的是你的网站上信息如何组织,如何把信息放在一块儿才合适。当你执行信息架构这项工作时,要尽快让你的网站的用户参与进来。

这篇文章我们讨论卡片分类,一种经过经验证明架设信息架构的良好方法。我们将列举一些执行卡片分类时的使用建议,以及一些实例。

什么是信息架构

现代网页设计的伟大之处之一就是在设计初始就考虑用户需求。成功的项目之所以成功经常是因为负责人致力于尽早理解用户,理解他们的背景和他们的目标。和这场游戏的其他方面一样,一个成功的项目需要工作和计划。

valuable-original-content-opt.jpg
良好地信息架构有助于项目成功。它使得我们在一个复杂的网站中容易找到所需内容。通过有效的导航也能快速找到内容;然而,信息架构和导航之间区别是什么?

好的导航始于好的信息架构

信息架构指的是网站中信息的结构,它描述为站点地图,图表和表格。导航指的是交互元素,运用这一元素——菜单,面包屑,链接——人们在信息结构中穿行,它在线框图或者原型中被描述。因此,改善信息架构首先始于分析网站的内容和结构,然后再设计导航。

正如许多改善网站的技能一样,让用户参与进来是很有帮助的。卡片分类就是这样一种技术,因为它的可靠性和有效性已经被使用了很多年。首先,我们将审查一些信息被不良组织的原因——预防总是好过治疗!然后,我们将介绍一些执行卡片分类的实用技巧以及它们如何在你自己的项目中改善信息架构。

不良的信息架构到处都是

不良的信息组织在任何地方都可能发生。最后一次你花费了大量时间在复杂系统中寻找信息而不得是何时?一个典型的例子是你试图在一个大型超市里寻找某个货物。大多时候你能够在冷冻区,日常用品区或者生鲜产品区找到家庭必需品。但是你知道去哪里寻找一些更不起眼(不常见)的产品吗?比如去哪里寻找无麸质面包?你最喜欢的一款进口辣椒酱品牌去哪里找?上周末在聚会中尝到的手工浸豆又在哪里?

辣椒酱在哪里?

有时候我在大型超市里寻找商品时很吃力,这增加了我的挫折感。我通常最后都会去问商场职员哪里才能找到我所需的商品,前提是我还没有沮丧到离开商场。同样的情况发生在网页中,网页的用户甚至更没有耐心。如果用户不能在几秒种内找到他们想找的东西,无论是通过浏览还是通过搜索的方式,他们就不可能在网站中停留。因此,网站(以及超市)能从直观的组织结构中获益匪浅。不幸的是,一些人未能妥善解决这个问题,用户不断受挫而离开,最终导致销售额损失。

信息组织不良如何发生

尽管出于某人的善意目的,网站还是很容易最终成为一个组织凌乱的网站。为何会出现这种现象?

最常见的一个理由就在于信息架构是从公司的商业结构出发创建的,而不是出于用户的需求。这是许多客户的默认选择。更常见的现象是信息的架构是根据公司高层的虚妄想象和偏好来组织的。而公司高层往往是不能掌握什么是一个好的网站的独断个体。

内容策略的重要性

对于大型网站来说,问题经常在于内容策略的缺失。管理内容对于那些巨大或者频繁升级的网站来说很重要。内容策略包含如下过程:

作为网页制作专家,我们以我们的工作和规划能力为傲。面对一个强势的公司高层和陈旧的内容策略令人沮丧。然而,这两个问题有一个共同的解决方法。诸如卡片分类这样的用户中心技术很有力,因为他们能使你在诊断和修复网站问题时变得更有科学性。稍后,我们将会展示卡片分类和内容策略如何“携手共事”。

卡片分类有何帮助

那么,当我们组织网站的信息时如何使用户参与进来?理想的情况是,我们的解决方案要廉价,快速并且有用。谢天谢地,卡片分类具有所有以上三个特点。过程就像它听起来的一样,你把所有需要组织的的分离元素写到卡片上,然后要求被试凭直觉把它们归到不同的组别中。这就是卡片分类的全部了吗?什么时候时候用这个技术,结果应该是怎样的?

什么时候运用卡片分类

组织内容的过程总是充满疑问。应该按照类别分类还是应该按照主题分类?常见问题(FAQ)应该归于那个类别?卡片分类能够回答这些问题,并且在许多情况下都有用。一些具体的案例包括:

卡片分类的好处之一是不受客户项目甚至网站本身的限制。在我们为客户使用这种技术之后,我们发现了它作为一般目的性工具的价值。我们已经开始在我们自己的内部会议使用它,它可以用来整合团队关于如何组织一项特定的业务流程或者如何构建一场即将来临的演讲的建议反馈。

最后,任何卡片分类的目的在于改善信息的分类标签,分组及组织。 然而,它最适用于组织内容,并且它本身并不能解决所有问题。如果你的网站非常关注于任务(例如,一个在线预订航班的网站),那么卡片分类本身的用处就十分有限。你最好执行可用性测试,尤其是你的时间或者预算很紧的情况下。

3-img-cardsortinternal-small-opt.jpg
当你需要组织某些事情的时候卡片分类在你自己的内部会议中也很有用。它是一种整合团队反馈的很好方法。

开放还是封闭?

卡片分类法能被分为两种类型——开放的或者封闭的。开放式的卡片分类是两者中更灵活的一种。在这种分类方法中,用户按照对他们自己有意义的方式自由把你所提供的卡片进行分组,然后他们为每个组别提出他们自己的名字。他们也具有重新命名卡片的自由,如果他们希望也可以提出新卡片的建议。

当你想要理解用户如何组织你的内容时这种卡片分类方法是最好的。收集他们对组名和标签的想法和建议对于使你的网站更直观大有帮助。

另外一种方法就是封闭式的卡片分类,其中分类标准和标签是固定的。当你想要理解用户如何适应内容到一个现有的结构中时这种方法是有用的。当有新内容需要加入到网站中时也用这种方法。

举例来说,考虑一个电子商务网站和它对产品的最高层的分类——科技,家居与园艺,运动休闲。现在假设网上商铺开始储存一些刚刚推出的新产品。这些新产品应在加到哪个高层分类类型中?让用户参与到封闭式的卡片分类中能帮助你找到答案。

有时候你可以混合这两种分类技术。在一组用户当中执行开放式的卡片分类法以决定高层级的分类类别。然后在另一组用户当中执行封闭式的卡片分类,运用上一组用户中得到的新分类类别,看看这组用户是否很容易就能把存在的内容归入到这些类别当中。

这时候,它是个人的

传统上,卡片分类是一种低技术含量的工作,它不需要先进的技术或者软件。你仅仅需要在纸片或者卡片上写下所有的条目,把它们分散在桌子上,让你的用户对他们进行分类。这种方法被广泛使用因为它费用低廉,快速而且直观。和你的用户待在同一间房间里意味着你可以随叫随到去指导用户完成整个流程。

4-img-optimalsort-small-opt.jpg
OptimalSort是一种卡片分类的在线工具

这篇文章的关注点在于卡片分类的线下运用,但是在线卡片分类工具,比如 OptimalSortConceptCodify,表现出一些重要的优势。招聘被试更容易,使得被试按规定比例分布更容易。许多高级报告工具具有鉴别相关关系和统计模型的特性,当这些工作需要手动完成时需要花费大量时间。免费的工具比如Trello也能很好的执行卡片分类工作,但是没有生成报表的能力。

在线服务的局限在于它们通常很昂贵并且不能接触个人。通过观察个体的行为和身体语言你能获得在线服务所不能捕捉到的独特视角。

逐步地进行卡片分类

1. 准备

执行线下卡片分类的首要任务是准备你的卡片。创建一个文档列出所有你要测试的条目内容,并对其进行编号——电子表格是理想的文档方式。这些条目可以是某个站点地图中的页面,符合某个分类学标准的产品分类类别或者标签。列表中的每个条目要被分别写在单张卡片中,卡片的背面要写上相对应的编号。这种编号有助于你分类完成后进行高级分析。

对于卡片本身而言,使用真实的卡片而不是纸片,纸片可能会丢失,容易破损和撕裂。再者,一次不要测试太多的事物。根据经验,我会说每次测试不要超过50到70个条目。如果你正在组织一个巨大的系统,把它分成几块,然而每个模块进行一次测试。

5-img-cards-small-opt.jpg
这几乎就是你所需要的东西。再加上一张桌子

选择在卡片上写什么是个挑战。理想上而言,分类标签要足够简短使得用户能快速阅读,但是长的标签能够解释标签的意义让被试能够理解所呈现的标签。简短的标题通常只在描述它们所属的组别的情况下才有意义。因此,尽可能简洁地总结内容才有帮助,而不是仅仅使用一个标题。

例如,像这样一个标签“关于我们手机的更多信息”比仅仅“更多信息”更好。后者可能意味着这个标签属于一个已存在的叫做“我们的手机”的父组标签之下,但是仅就其本身而言,它并没有这种含义。

总结:

2. 先学会走路再跑步

如果这是你第一次使用该技术,先在小项目里使用。在小项目里,组织、分析结果都更简单,并且你有机会在下次执行时做些调整。你在早期需要作出的一项决策是进行团体测试还是个人测试。决策依据系统的复杂度,你的时间和预算多少而定。如果你刚刚开始,首先在个人测试的实践中学习——如果需要的话,你总有机会进行大规模测试。

当你要组织大量的内容时,三个被试为一组进行测试能更快得达成共识。然而,他们需要更多的协调,花费你更多的时间和金钱。你也有可能会遇到激进的强势的公司高层,他们会有污染结果的风险。

在一次测试中应该包含多少用户呢?为了数据更有效,你所需的用户数量应该多于典型可用性测试所需的数量。雅各布尼尔森(Jakob Nielsen)建议收集大约15个用户的数据就能达到统计学上有用的结果。谨慎在测试中包含越来越多的用户,因为随着用户的增多,返回的结果将会越来越少。

总结

3. 寻找被试

下一步就是寻找被试。最好的结果是寻找网站的真实用户,特别是当网站是一个小众而专业的系统时。例如,如果你正试图改善一个学生内网的内容组织,那么就去找学生。对于更大众一些的系统,例如电子商务网站,就需要找寻分布在广泛的人口统计学指标下的被试,比如不同的年龄,不同的收入或者技术能力等。

如果可能的话,让你的客户区寻找用户。客户甚至能够直接提供用户——假设你正在重新设计客户的员工内网。给被试提供一点点经济报酬,例如礼品券,也有助于被试积极参与。

总结

4. 汇总

准备工作的最后一步是准备好会议室。准备好一张大桌子或者布告牌——越大越好。你也需要在恰当的地方安置记录工具。摄像机或者智能手机都可以,只要它能够记录、回放测试过程的录音或者视频。同时确保手边具有足够的饮料和点心。

一旦你准备好了卡片,用户也到了,你就可以开始进行测试了!提供清晰的指导语,让用户知道测试过程将会被录下来以供随后回顾。像用户解释清楚他们只需要将卡片归到他们认为有意义的不同组别中,无所谓对错。如果你正执行一项开放式的卡片分类,给他们提供一些空白卡片,以供他们在分好组之后给不同的组命名。

当你在执行这个测试的时候,你要扮演一个主持人的角色。当用户在测试过程中卡住的时候(这时候用户很可能发出很多“呃”“啊”的词),你要在他们身边向他们解释说没关系。事实上,知道哪里使得用户感到困惑(卡住)是有用的,因为这表明你的卡片标准有问题。如果他们发现一些卡片很难被分类,把这些卡片放在一边然后记录是哪些卡片。并且,你要意识到在团体测试中,作为主持人,对你的要求将会更高。

总结

5. 打包(原文为Wrap Up,不知道怎么翻译合适= =)

一旦他们(指被试)已经尽他们所能分类好了,如果你有时间,可以随意地问他们一些问题。你可以要求他们详细解释一下他们这么选择的理由,对哪些特定的卡片的分类感到犹豫等等。

最后,记录下他们对卡片的排列方式。最简单的方式就是拍照,但是在一间小房间里,你很难确保所有的卡片都被拍下来。拍照不是永远可行的方式,如果你已经对卡片进行编号,那么你就能记下哪些号码被排列在一起。编号也有助于你做一些更详细的统计分析,这就不是本文所要讲的范围。

一旦这些工作都做完了,在你的笔记或者照片上写下被试的名字。为了减少任何潜在的选择倾向,在对下个被试测试之前重新打乱卡片。

总结

更进一步的建议

理解结果

恭喜!你刚刚进行完了你的第一次卡片分类测试,你的笔记本上充满了新的见解。下一步就是理解这些结果。因为这可能使你第一次进行卡片分类测试,你可能不具有清晰的结果脉络。

对于每个被试,每次测试的观察结果需要整理两组记录文档。第一步是创建一个新的文档,然后把你在测试过程中记下来的笔记转移到该新文档中,这些记录应该是一些定性的观察,比如被试所建议的任何新的卡片名称,被试是否对某个特定的卡片犹豫不决。

然后,记下被试所列的群组。你可以在你的文档中简单地用无序列表排列被试的分组,或者用电子表格展示分组。如果你想要在随后执行一些高级统计分析,那么电子表格是理想的文档形式。很多方法和软件能做这些工作,其中的细节可以写另一篇文章。重要的是描述层级,每个被试所创建的父级-子级的关系。

寻找什么

一旦完成以上步骤,就可以开始分析。这是艺术和科学的结合。目标是鉴定不同测试之间的关联趋势,并回答以下问题:

如果许多用户以相似的方式组织卡片,那么这项工作就相当简单。把你的网站内容按照相同方式进行组织就可以了。如果你有时间,可以在随后进一步进行用户测试,确认新的结构是否优于旧的结构。

对于那些复杂的信息架构,不同用户经常提出相当不同的结构。你的测试可能需要更大规模的用户直到出现一种大的趋势。这是困难的部分,想要去芜存菁、只留下有用的信息,你可能需要渡过几个关卡。在执行几次卡片分类测试之后,你就会掌握一定的技巧。

在这些情况下,在线工具就很有帮助,因为它们能使统计分析更简单。统计分析的高级技巧包括创建树状图。这些树状图显示了各个层级内的信息组,以及条目之间的关系有多紧密。一些在线服务提供分析这些的工具,这部分内容是相当繁重的,不再本文讨论的范畴。

6-img-dendrogram-small-opt.jpg
树状图可视化呈现了信息分组,但是若没有专门的软件,创建树状图是棘手的。

一个真实项目的例子

项目背景

最近,Decibel Digital团队正致力于重新设计英国一个主要的动物慈善网站。现有的网站仅仅将网站内容按字母A到Z进行分类,网站包含了上百个页面。很多页面都是真正有用的并且包含大量的内容诸如新闻、帮助、视频和下载。问题在于内容没有结构。一切都被混杂在一起然后按字母排序。这就是目前为止网站内容的最大划分,这就导致不依赖搜索而定位到你所需要的内容时遇到难以置信的困难。

上面我们提及了数字团队,我们认识到问题的部分原因是缺乏内容监管。公司的任何人都能够上传新内容到这个模块,他们经常上传名字上稍有不同的重复内容。经过许多年,这个模块的内容变得一团糟,就像一条小行星带——就是难以导航。

进行内容审查

在对网站进行重新设计之前进行内容审查,养成这种习惯是件好事。我们在一张电子表格中收集了所有的网站页面,对页面内容(文字,图像,视频,文章等等)的简要描述以及它们的URLs。这些URLs可以从现有的CMS(客户关系管理系统)中导出来,但是我们使用了一个叫做Screaming Frog的工具。

7-img-seospider-small-opt.jpg
搜索引擎蜘蛛是一个漂亮的小工具,它可以爬取网站,网站的页面列表和页面元素。你可以使用这个列表去进行内容审查。

一旦上面的电子表格准备好了,下一步就是评估内容。我们使用了一种叫做“ROT”分析的方法。我们用以下标准检验每项内容:

像这样遍历网站内容似乎是费力的,但是实际上它非常有疗效。一旦客户开始解决他们的旧网站所引起的内容怪物,客户会感到宽心,这也会使每个人对项目的感觉更良好。使用ROT分析能使团队在选择哪些页面需要删除,哪些页面需要增加的问题上更快达成共识。很快,内容就会消减到可以管理控制的水平。下一步就是解决如何组织内容的问题。进入了卡片分类的范畴!

8-img-audit-small-opt.jpg
内容审查是比税务审查更有乐趣的方式

进行卡片分类测试

内容审查之后,我们感到现存的按字母A-Z的内容划分是不合适的,尽管许多内容都是有用、有价值的。我们决定执行卡片分类测试来组织内容,以用来设计新的网站导航。我们的目标是开发一个新的结构,使得内容浏览的体验更友好,用户无需依赖搜索就能很容易找到所需内容。

测试什么

网站还是有许多页面,所以我们必须决定测试中要包含哪些内容。若有太多卡片需要分类工作就会变得费力而困难,所以我们决定仅对一级和二级页面进行卡片分类测试,以确保工作在可管理的范围。我们没有把一些通用页面包含进来,比如,“联系我们”, “隐私政策”等等,这些页面在许多其他网站中一般也能发现。做完这步筛选工作,我们发现还剩下大约50个页面,我们认为这是个进行卡片分类的理想数量。

寻找用户(被试)

下一步就是寻找可测试的用户,我们在客户的帮助下征募到了用户。这个网站的用户的人口统计学特征倾向于年长的女性,这里拥有客户的帮助是非常有用的。参与我们测试的一些用户已经加入了客户进行的线下营销活动,他们很乐意能为我们提供帮助!

开放式 VS. 封闭式

我们决定执行一个开放式的卡片分类测试因为现有的按字母从“A”到“Z”分割的内容是多种多样的,由新闻、视频、博客、帮助文章和建议等内容构成。我们想要依赖用户为这些类型的内容创建对他们而言有用的标签。因此,我们为用户提供了充足的空白卡片和笔,让他们写下他们的建议。

每次测试过程中,我们都做了大量的笔记,特别是那些用户感到分类困难的卡片,以及他们所提出的而我们没有考虑到的新标签建议。我们也把每次测试录下来做了备份,以便我们随后翻看观察一些我们遗漏的东西。

我们发现了什么

在测试结束时,我们拍下了用户的分组并且把它们整理到电子表格当中。我们寻找一些定量的数据——是否存在一些趋势?是否有多个用户对于新标签具有相似的建议?是否有一些标签不断得让用户在分类时感到很挣扎?我们也查看一些定性的数据:用户的具体评论或者当他们对某个特定卡片进行分类感到挣扎时大声说了些什么。

9-img-cardsorting-small-opt.jpg
卡片分类测试的结果可能会使你感到很惊讶

作为一个慈善机构,我们的客户大量依赖于公众捐款和支持,所以正确获得这个模块的分类标签很重要。我们发现了一些有趣的结果:

做完以上所有工作,我们呈现我们的研究报告。我们决定不报告大量的定量数据。但是对我们团队内部来说,定量数据是有用的,我们认为客户不熟悉定量数据并且没有充分的解释的话客户将不能理解这些定量数据。

相反的,我们用简单的语言呈现了我们的关键发现(正如上面所列举的),并且我们将研究的结果分为了高、中、低三种优先级。我们也罗列了一些解决我们所发现的问题的建议。对于客户来说,这使他们能针对内容结构制定出一套快速方案,对于我们来说,要执行客户要求改善的地方也更容易。

10-img-report-small-opt.jpg
客户不总是需要看见一些细节的数据,给客户的报告中只放入关键报告更好。

结语

卡片分类是一种常用的技术因为它花费少,可靠并且容易设置。它是熟悉诸如信息架构和用户中心设计这些概念的好方法。记住它不是“万能药”,不能解决现有网站中的所有问题。网站可能因为很多理由而表现不良或难以使用,改善信息架构可能只能解决其中一部分问题。然而,当和其他用户中心设计技术结合起来使用时,它对你项目的开始大有帮助,或者说它帮助你以好的方式开始重新设计网站。

希望你通过此文愉快得学习了卡片分类。一旦卡片分类执行的好,它能使产品更直观并且容易导航。

其他资源:

上一篇下一篇

猜你喜欢

热点阅读