灰质——设计过程中的思维导图是什么?

已发表: 2022-03-11

在产品设计过程中集思广益一个新产品概念或评估一个新功能创意时,记笔记有时会失控——最终可能会出现乱七八糟的乱七八糟的页面,这些乱七八糟的东西往往更令人困惑而不是有用。 思维导图是一种更有效地组织思想的好方法。

什么是思维导图?

思维导图也被称为喷雾图和蜘蛛图(或蜘蛛图,简称),因为它们的外观。 这种方法和“思维导图”一词于 1974 年由英国心理学家、作家和教育顾问托尼·布赞在 BBC 电视连续剧《使用你的头脑》中开始流行起来。 然而,在此之前很久就已经使用图表来直观地映射信息。

因为思维导图在结构上是二维的,它们向我们展示了主题的形状、每个点的相对重要性以及事实之间的关系。 能够在一个地方看到所有这些有助于我们有效地查看信息,更好地记住它,并提高创造性的问题解决能力。

思维导图之所以有效,是因为它们利用了我们思维的自然倾向,以视觉方式思考并通过建立关联来理解一个主题。 即使是最抽象的思想家也比任何其他类型的信息更能记住图像。 思维导图本质上也非常灵活。 它们可用于传达不同类型的信息——一系列步骤、信息层次结构或围绕特定主题的随机想法。

思维导图的剖析

思维导图总是从一个中心点开始,这是主要主题,然后分支成子组件。 这是一个简单的思维导图示例:

什么是思维导图?思维导图示例
思维导图示例(来自 Coggle)。

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

尽管在上面的示例中没有显示,思维导图节点也可以包含图像或图标。 这样的地图没有严格的结构。 这就是让他们伟大的原因。 它们应该像一个人的思维过程一样自由流动。

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

在尝试理解一个主题时,可以在产品设计过程的研究阶段随时使用思维导图。 在设计思维过程中,思维导图是前三个阶段的有用练习:移情、定义和构思。

当设计师开始一个新项目时,产品团队中的每个人都可能对这个项目应该是什么有一个模糊的概念。 绘制系统图将帮助每个人清楚地了解,例如,当需要对应用程序进行线框设计时,团队可以清楚地了解他们需要构建的系统——应用程序的主要部分是什么,需要哪些功能有,这些功能如何与系统的其余部分交互,等等。

通常,思维导图练习会帮助团队发现很多没有经过适当考虑或需要做出决定的事情。 这也是设计师思考要解决的问题,以及正在设计的系统是否解决了问题的好时机。 直接跳到线框图和原型设计经常会导致团队迷失在细节中,玩弄 UI 元素和文本,试图在他们进行时弄清楚系统架构。

思维导图技术可以应用于项目管理
思维导图技术也可以应用于项目管理(来源)。

一个实用的思维导图示例

让我们想象以下场景。 一家初创公司的创始人想要为宠物主人和看护人构建一个移动应用程序,宠物主人可以在其中发布遛狗、带宠物去看兽医或在主人度假时照顾毛茸茸的朋友的工作。 最初的客户简介包括对应用程序需要做什么的描述、几个竞争对手的示例以及有关目标市场的一些详细信息。

经过一番研究,产品团队清楚地了解了问题所在、用户角色和公司的竞争优势。 现在,是时候弄清楚应用程序需要做什么以及如何去做了。

该系统将需要两种类型的帐户:宠物主人和看护人。 让我们看看照顾者的一面。 他们在应用程序中需要什么? 很可能是以下情况:

  • 空缺职位
  • 轮廓
  • 设置
  • 放置次要项目的地方(条款和条件、对应用程序进行评分的链接、客户支持等)

思维导图技术

接下来,让我们分解每个部分。 乔布斯由什么组成? 很可能是以下情况:

  • 空缺职位
  • 过滤器和排序功能
  • “最喜欢”的工作列表
  • 他们申请的工作的历史
  • 他们正在进行的工作清单

思维导图过程

让我们再做一个分支:工作页面需要包含什么? 例如:

  • 职位描述
  • 宠物接送地点
  • 所有者简介
  • 宠物资料
  • 提供薪酬
  • 应用按钮
  • 保存/标记为收藏的按钮

思维导图示例

这个思维导图过程一直持续到整个系统被绘制出来。 在这种情况下,因为有两种类型的帐户相互交互,所以在同一个画布上会有两个思维导图,用虚线表示相互交互的不同元素之间的关系。

当产品团队做这个练习时,他们经常会发现很多问题出现了——例如,工资是固定的,还是有某种竞价系统? 获得工作后,该应用程序是处理宠物主人和看护人之间的沟通,还是只是显示主人个人资料中的联系信息?

在与创业公司创始人会面时,会回答此类和类似的问题。 在某些方面,这一步类似于设计冲刺中的“专家访谈”练习,除了输出不仅仅是问题陈述的列表。

思维导图过程中的设计师
思维导图是在设计过程中组织思想的好方法。

思维导图应用

那里有大量的思维导图应用程序可供探索,但为了方便起见,这里有三个建议:Coggle、Miro 和 Whimsical。

Coggle 拥有最多的绘制思维导图的功能,价格便宜,并且可以将地图保存到 Google Drive。 Free Forever 计划非常适合测试和轻度使用。 个人使用的付费计划为 5 美元/月,团队为 8 美元/用户/月。

Miro 是一个伟大的多面手,可以做的不仅仅是思维导图。 它可用于用户故事地图、客户旅程地图、流程图、看板、线框图等。 免费计划最多允许三个项目。 付费计划起价为顾问每月 12 美元和至少 5 名成员的团队每月 40 美元。 Miro 还有适用于台式机和移动设备的应用程序。

Whimsical 是另一个很棒的工具,除了思维导图,还可以制作流程图、便笺和线框图。 免费计划包括四个板。 个人付费计划为 10 美元/月,团队为 12 美元/用户/月。

Whimsical - 一种有助于思维导图技术的思维导图工具
异想天开,思维导图工具。

思维导图技巧提示

不要让它太整洁。 抵制让地图过于整洁的冲动,让一切都完美排列。 这项练习旨在快速而肮脏。 它不应该像站点地图那样干净。

将多个地图带到同一个画布上。 对于同一画布上可以存在多少张地图没有规定。 对于复杂的系统,可以有多个地图用于不同的用户角色、属于同一生态系统的不同应用程序,或者一个应用程序的旧版本和新版本。

在地图上指示层次结构。 尽管思维导图本质上是分层的,但一些看起来相同的分支往往比其他分支更重要。 在绘制地图时,考虑特定节点最重要的分支是什么,并使用颜色、图标或文本大小突出显示它们。 回到上面的例子,“工作”部分最重要的部分是“正在进行的工作”列表。 在思维导图上记下这些东西将使线框图更容易。

脑残,然后细化。 避免对思维导图的第一次迭代过于珍贵。 让想法自由流动并将它们放在地图上。 有些想法没有意义,或者需要转移到其他分支。 没关系。 在完成思维导图过程时,在第二遍进行编辑和改进。

• • •

进一步阅读 Toptal 设计博客:

  • 选择字体时的提示和注意事项(带有信息图)
  • 不要听客户的——为什么用户研究很重要
  • 保持冷静:如何战略性地获取设计反馈
  • 用户体验研究方法的完整指南
  • 品牌已死,客户体验设计为王