在产品设计过程中，当头脑风暴一个新的产品概念或评估一个新的功能想法时, 记笔记有时会失控——你可能会留下一页又一页的乱写乱画，而这些乱写乱画往往没有帮助，反而让人困惑. 思维导图是一种更有效地组织思想的好方法.

What Is a Mind Map?

Mind maps are also called spray diagrams 蜘蛛图(简称蜘蛛图)是因为它们的样子. 这种方法和术语“思维导图”在1974年开始普及 Tony Buzan他是英国心理学家、作家和教育顾问 Use Your Head. 然而，在此之前很久就有了使用图表来直观地映射信息的方法.

因为思维导图是二维结构, 它们向我们展示了物体的形状, 每个点的相对重要性, 以及这些事实是如何相互关联的. 能够在一个地方看到所有这些有助于我们有效地回顾信息, remember it better, 提高创造性解决问题的能力.

思维导图是有效的，因为它们利用了我们大脑的自然倾向，通过视觉思维和联想来理解一个主题. 即使是最抽象的思考者也比其他类型的信息更能记住图像. 思维导图本质上也是非常灵活的. 它们可以用来传达不同类型的信息——一系列步骤, information hierarchy, 或者是围绕某个特定主题的随机想法.

The Anatomy of a Mind Map

思维导图总是从一个中心点开始, which is the main topic, and branch out into subcomponents. 下面是一个简单思维导图的例子:

除了层次线(主要分支)，思维导图也可以有关系线. 这些可以显示为虚线，表示存在于不同分支上的元素之间的关系.

虽然没有在上面的例子中描绘出来，但思维导图节点也可以包含图像或图标. 这种地图没有固定的结构. That’s what makes them great. 它们应该像一个人的思维过程一样自由流动.

在产品设计过程中何时使用思维导图?

When trying to understand a subject, 思维导图可以在产品设计过程的研究阶段随时使用. In the design thinking process, 在前三个阶段，思维导图是一个有用的练习:移情, defining, and ideating.

When designers are kicking off a new project, 产品团队的每个人可能对项目应该是什么都有一个模糊的概念. 绘制出系统将帮助每个人获得清晰的信息，以便在制作应用的时候进行线框图, for example, 团队对他们需要构建的系统有一个清晰的概念——应用程序的主要部分是什么, what features it needs to have, 这些特性如何与系统的其余部分交互, and so on.

Often, 思维导图练习将帮助团队发现许多尚未充分考虑或需要做出决定的事情. This is also a great time for designers 思考要解决的问题, 以及所设计的系统是否能解决问题. Jumping straight to wireframing and prototyping 会经常导致团队迷失在细节中吗, 摆弄UI元素和文本, 试着弄清楚系统架构.

A Practical Mind Map Example

让我们想象一下下面的场景. 一家初创公司的创始人想为宠物主人和照顾者开发一款移动应用, 宠物主人可以在哪里招聘遛狗的工作, taking a pet to the vet, 或者在主人度假的时候照顾毛茸茸的朋友. 最初的客户端简介包括应用程序需要做什么的描述, a couple of competitor examples, 还有一些关于目标市场的细节.

After some research, 产品团队清楚地知道问题是什么, the user personas, 以及公司的竞争优势. Now, it’s time to figure out what the app needs to do and how it will do it.

这个系统将需要两种类型的帐户:宠物主人和照顾者. Let’s look at the caregivers’ side. What would they need in the app? More than likely the following:

• Available jobs
• Profile
• Settings
• 存放次要物品(术语)的地方 & 条件、应用评级链接、客户支持等.)

Next, let’s break down each section. What would Jobs consist of? More than likely the following:

• Available jobs
• Filters and sorting functions
• A list of “favorite” jobs
• A history of jobs they applied for
• A list of their ongoing jobs

让我们再做一个分支:作业页面需要包含什么? For example:

• Job description
• Pet pickup location
• Owner profile
• Pet profile
• Pay offered
• A button to apply
• A button to save/mark as favorite

这个思维导图过程一直持续下去，直到整个系统都被绘制出来. In this case, 因为有两种类型的帐户相互作用, 在同一张画布上有两张思维导图, 用虚线表示相互作用的不同元素之间的关系.

当产品团队做这个练习时, 他们经常会发现很多问题——例如, is the pay fixed, 还是有某种竞标系统? After a job is awarded, 这个应用程序能处理宠物主人和照顾者之间的交流吗, 或者它只是显示所有者的个人资料中的联系信息?

这样的问题和类似的问题会在与创业公司创始人的会面中得到回答. 在某些方面，这一步类似于“专家访谈”练习 design sprints，只不过输出的不仅仅是一个问题语句列表.

Apps for Mind Mapping

有大量的思维导图应用程序可供探索, but to make it easy, 这里有三条建议, Miro, and Whimsical.

Coggle 绘制思维导图的功能最多，价格便宜，还能将地图保存到Google Drive. Free Forever计划非常适合测试和少量使用. 付费计划个人使用为5美元/月，团队使用为8美元/用户/月.

Miro 一个伟大的多面手能做的不仅仅是思维导图吗. It can be used for user story maps, customer journey maps, flow charts, kanban boards, wireframes, and more. 免费计划最多允许三个项目. 付费计划起价为顾问每月12美元，团队至少5人每月40美元. Miro也有针对台式机和移动设备的应用程序.

Whimsical is another awesome tool that, besides mind maps, can also do flowcharts, sticky notes, and wireframes. The free plan includes four boards. 个人付费计划为每月10美元，团队付费计划为每个用户每月12美元.

Mind Mapping Technique Tips

Don’t make it too neat. 不要把地图画得太整齐，让所有东西都完美地排列起来. 这个练习是为了快速和肮脏. 它不应该像站点地图那样干净.

将多个地图放到同一个画布上. 没有规则规定一张画布上可以有多少张地图. For complex systems, 不同的用户角色可以有多个映射, 不同的应用程序是同一生态系统的一部分, 或者旧版本的应用程序和新版本的应用程序.

Indicate hierarchy on the map. 虽然思维导图本质上是分层的, 一些看起来相同的分支往往比其他分支更重要. While drawing the map, 思考一个特定节点最重要的分支是什么，并用颜色突出它们, an icon, or text size. Going back to the example above, “工作”部分最重要的部分是“正在进行的工作”列表.在思维导图上记下这些东西会使线框图更容易绘制.

Braindump, then refine. 避免对思维导图的第一次迭代过于看重. 让想法自由流动，并把它们写在地图上. 有些想法没有意义，或者需要转移到其他分支. That’s okay. 在进行思维导图过程的第二阶段编辑和完善它.