在UX设计中,我们经常会使用到亲和图(Affinity Diagram),团队成员会围坐成小组,在白板上涂鸦并参与讨论。尽管物理空间的便利贴在团队工作中十分有效,然而,将亲和图以数字方式存储在电脑里,有助于长时间地保存设计思路和向其他团队成员展示设计结果。
本文会讨论亲和图的使用场景,并在文末提供免费的亲和图sketch模版供大家下载。
什么是亲和图?
简而言之,亲和图起到直观展示用户问题(problem)和需求(needs)的作用。通过对调查采集的数据进行分层,分组的展示,您可以看到用户现在面临的问题,这将成为后续设计师定义用户需求的基础。仅需几个工具,您就可以创建大量数据的可视化表示形式,这将有助于为您的未来策略提供信息。
在整个研究过程中,团队都有机会以非常个性化的方式了解用户的痛点(pain points),动机(motivation)和偏好(preference)。但是,假使我们全部使用较长的文本文档或手写笔记对这些信息进行记录,那么在浏览的过程中我们很可能会漏掉关键信息,并且耗费大量时间。亲和图使得传递调查结果信息变得有效快捷,加速团队开发创新的解决方案,有助于设计团队达成设计共识。

“亲和图是自下而上构建的,通过将单个注释分组,这些注释揭示了数据中的关键主题。我们不再预先设定这些类别,而是使用用户的回答为组添加标签。这个过程揭示并提出了具体的常见设计问题和用户需求,同时不会丢失个人差异。”
制作亲和图的注意事项
给设计师团队足够的空间和时间来制作亲和图。在制作过程中不要打断节奏,以使团队成员的精力集中,以保持批判性思维。
写下清晰易读的便签条,以帮助其他设计成员理解其中的含义。
投票选出最重要/最有价值的信息,在有分歧,困惑等情况时也要投票做出选择。
亲和便签(Affinity Labels / Notes)

Process:Yellow > Blue > Pink > Green
在介绍用于创建数字版亲和图之前,让我们记住这些关键标签的颜色和层级步骤。
1.黄色便签(Yellow labels / notes)

首先,黄色标签用于记录诸如统计,关键事实,个人观察,访谈见解,用户报价等内容。
对于黄色标签,指出笔记来自哪个受访者非常重要。例如,如果总共有10位受访者参加了您的研究,请标记注释(即U1,U2,U3…),以便每个受访者都可以轻松识别。
*如果蓝色标签下的所有注释均来自同一位受访者(即U1),则其负担可能较小,或者有机会进一步调查他们的个人想法。
2.蓝色便签( Blue labels / notes)

蓝色标签收集代表主题或工作区别的连贯注释集。它们非常重要,因为组合多个黄色标签的过程会驱动初始的设计思维过程。它们以第一人称写成,就像客户直接与您交谈一样。
3. 粉色便签(Pink labels / notes)

对于一组少量的相关蓝色标签,我们可以使用一个粉红色标签将成祖的蓝色标签进行总结。通过阅读粉色标签,您不必需要阅读粉红色标签下的每一个蓝色标签即可了解该部分的主题。
4. 绿色便签(Green labels / notes)

绿色标签是亲和力标签的最高级别,每个绿色标签占据了用户故事的很大一部分内容。大多数良好的亲和图都有5到8个绿色标签,可以帮助设计师对信息进行分块,以便您可以快速找到您感兴趣的信息。
亲和图制作步骤

Beginning > End

Yellow > Blue > Pink > Green
Step #1: 准备工作

在黄色便签纸上把想法写出来
您的亲和图建设团队可以包括您的设计团队成员,利益相关者以及任何了解项目并对此感兴趣的人。另外,您可以邀请市场营销,管理,业务分析师,开发人员,相关项目人员等人员加入。我们第一步需要请各个团队成员写下自己的想法,然后再贴在墙上。
Step #2: 使用黄色便签纸制作亲和图

首先要做的是将所有黄色标签/笔记按松散的组合排列在墙上。 然后,在整个房间中走动时,每个团队成员都会阅读它们以找到与墙上已经挂好的其他笔记(这仅适用于初始阶段)。 如果找到相关注释,则将每个注释放在下面或旁边以创建类别(分组)。
Step#3: 加入蓝色便签

该步骤是使用蓝色标签对成祖的黄色标签进行总结。一个好的“蓝色”标签既可以表征用户的工作,又可以激发出围绕解决方案的想法。因此,蓝色标签是设计思维的最重要驱动力。
Step#4: 加入粉色便签

一个好的粉色标签可以告诉您有关其下方蓝色标签的重要事项。它揭示了数据中的关键问题,并且应该能够一目了然地讲述一个重要的故事。因此,粉红色标签应该提供足够的信息来理解此问题。
Step#5: 加入绿色便签

绿色标签将粉红色标签和下面的所有其他注释组合在一起,形成一个连贯的故事,这对于项目重点很重要。尽管它可以更抽象和分类(与蓝色或粉红色标签不同),但目标是向您提供关键问题的概述。后来,绿色标签有助于对信息进行分块,以便您可以更快地找到您感兴趣的信息。
Sketch Template for Building an Affinity Diagram

希望今天的文章对你们有用,如果你有其他想读的内容,请在后台给我们留言:)
需要亲和图sketch文件资源的朋友,请扫描二维码向小助手索取哦









评论区 (0)
最新评论登录后发布评论并参与互动。
暂无评论,欢迎抢沙发。