当我们去年发布新的messenger时，我们增加了客户创建丰富的个人资料的功能，这样他们的用户就可以永远知道另一端有一个真实的人。问题是什么？没有人使用这个功能。发布后不久，只有13-15%的客户完全完成了他们的配置文件。大多数都被部分填补，而其他许多人则未被触及。

部分和完全完成的配置文件的示例在与我们的研究和分析团队的同事交谈后，我们发现了采用率如此低的两个主要原因：能见度。在整个应用程序中，创建个人资料的能力被隐藏在低能见度的地方。教育。人们不相信个人资料在与客户建立个人关系方面的重要性。更广泛解决方案的一部分Profiles分布在对讲机产品的许多部分，这意味着我们必须让许多团队参与进来，以提高采用率。成长团队将概要文件创建集成到我们的入职流程中，而产品为内部通信系统内部的配置文件编辑提供了更高的可见性。然而，通过利用我们的移动应用程序，我们有一个巨大的机会来提高参与度。大约45%的团队成员（使用我们的收件箱产品）使用Android或iOS应用程序。入门对于每一个新的项目，Intercom的设计师都会创建一个简单的高层目标列表，列出他们要解决的问题。这有助于指导您思考高级解决方案。我们的样子是这样的：提高未完成或部分完成个人资料的用户的采用率。教育用户公共档案的重要性。方便用户随时编辑个人资料。系统思维首先，我们将概要文件拆开，以帮助团队了解系统，并决定哪些特定组件需要优先级。这意味着要列出零件、状态、规则集等的清单。这里有一个在我们作战室墙上的例子。

想法来自任何地方这些系统文档帮助团队在早期讨论技术约束，甚至在这个早期阶段，工程团队提供了设计团队可能没有想到的建议。例如，有人提到我们可以从现有的数据源中提取数据来预先填充概要文件中的某些组件。既然我们在一个人登录移动应用程序时就知道了他的名字，为什么不把它带到个人资料里，省去他们手工输入数据的时间呢？在勾勒出几个方向之后，我们会见了产品设计总监Emmet，以获得反馈并决定下一步的行动。以下是提出的四种选择：这里的关键因素是颠覆和教育。我们不想让这件事太容易被忽视，我们需要有足够的空间让用户了解概要文件及其每个组件的重要性。然而，我们知道高中断意味着更多的厌恶（即用户希望跳过），因此我们希望在任何演练中尽量减少步骤数。最后，我们决定使用简单的演练选项。以下是会议的决定。进步！

设计解决方案在这一点上，我们决定了两件事。我们将在我们的应用程序启动时添加一个简单的演练，要求填写任何缺失的配置文件组件（中断和教育）。我们的第三个目标是增加"从任何地方编辑你的个人资料"的能力。我们决定在当前的导航模式下工作，并在nav抽屉中添加一个简单的编辑图标来触发演练。注：我们在对讲机公司的核心价值之一是"大处着眼，从小处着手"。我们已经计划了一段时间的导航更新，从抽屉移动到标签栏是很好的，因为各种原因，但是在当时的工程设计方面需要大量的努力，我们需要快速发布。

当前导航（左）、计划导航（右）在系统级别，我们为用户建立了三种状态，这些状态将决定他们在演练中的位置。从选择的高层方向来看，我们知道流程将包括三个主要步骤（见下图），我们希望这些步骤尽可能简单和轻量级。就系统设计而言，演练非常简单。它们从头到尾都是固定的路径，但考虑到用户状态，逻辑变得更加复杂。我们希望您直接跳到最相关的部分，而不是强迫您完成整个演练。考虑特定于平台的步骤（如相机权限）也非常重要。不是每一步都是一个新的屏幕。再一次，这些图表被打印出来放在我们的作战室里。工程师们经常会在墙旁冲刷水流，有几次他们会发现一个边缘情况，需要我们一起做出改变。演练的最终流程执行现在我们已经有了骨骼，开始充实每一部分。视觉和交互设计是同时发生的，我们知道我们会在构建过程中不断调整视觉效果。我们发现，应该尽快完成任何复杂交互或动画的细节（这就是为什么高保真原型很好的原因）。与更新资产、颜色等视觉设计调整相比，以后更难更改这些内容。我们使用framerjs作为早期交互思想的原型，与工程人员讨论并就可以做什么达成一致。下面是一个在12个原型之后的最终iOS流的例子。 

@关键帧音量小波浪闪光灯{0%{不透明度：0；}33%{不透明度：1；}66%{不透明度：1；}{100}不透明度}@关键帧音量大波浪闪光灯{0%{不透明度：0；}33%{不透明度：1；}66%{不透明度：1；}{100}不透明度}.音量小波浪{动画：音量小波浪闪光灯2s无限；不透明度：0；}.音量-大波{动画：音量大波浪闪光灯2s无限.3s；不透明度：0；}0:12分#wistia_chrome_26#wistia_grid_32_wrapper.w-css-reset{font-尺寸：14px；}#wistia_chrome_26#wistia_grid_32_包装器div.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装器span.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装ul.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_wrapper li.w-css-reset{框-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装标签。w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本装饰：无；文本-变换：无；文本阴影：无；t翻译：无；换行：normal；-webkit点击突出显示-颜色：rgba（0,0,0,0）；-webkit用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装器按钮。w-css-reset{box si