学习目标
完成本单元后，您将能够：
- 了解为什么设计应用程序的表面是最后的过程。
- 了解应用程序表面的元素。
- 查看Motivator示例应用程序表面的问题并修复其中一些问题。
- 查看最终抛光的应用程序。
最后应该是第一个
正如我们在开始时所说的那样，通过创建看起来非常棒的应用程序和仪表板元素很容易。Analytics Studio为您提供了许多简单的方法来开发探索，选择光滑的图表类型，大小和位置仪表板小部件，更改字体大小和颜色等。
正如我们所看到的，最好看的图表无法帮助观众做任何事情，直到他们在适当的背景下发展。上下文是什么意思？这是您的应用程序及其计划结构的目的和功能创意。
我们确定了Motivator的那些部分。现在是时候考虑如何抛光它 – 让应用程序的表面在其底层元素上放置最好的面孔。即使您在流程结束之前没有使用它，这也是您的用户首先遇到的应用程序的一部分。你最好让它闪耀，让你的观众想要使用所有那些努力工作的功能！
创建视觉吸引力
现在是时候真正考虑应用程序的外观了。这是您应用自己的审美判断来建立视觉吸引力的地方，这反过来可以增加用户对您的应用程序的情感依恋。以下是您控制的功能，使功能看起来如此之大，用户迫不及待地想要了解它们。
- 您使用的尺寸和形状：它们是否反映了这些特征的重要性，它们是否相互平衡？他们有效地利用空间吗？
- 您采用的图表类型类型：它们是否可视化其呈现的数据？它们是否一致，用于类似数据的图表类型（以及用于不同类型数据的不同图表类型）？
- 对齐，空间和定位：元素是否以有序，令人愉悦的方式排列？它们是否彼此不同，因此您可以分辨出哪一个结束而另一个结束？是否存在太多（或太少）空间分隔元素？
- 颜色：你有一个令人愉悦的调色板，颜色合适吗？需要突出的元素是否有效？像元素一样着色吗？
- 字体：大小和类型是否一致，使用相同的大小和类型呈现相同级别的信息？
- 品牌：在适当的情况下，您是否已将您的团队或公司的品牌元素纳入其中？
让激励者更有动力
考虑到这些因素，让我们考虑一下“激励者”仪表板的各个部分，这些部分可能会让人失去动力。有一些明显的表面东西是错误的（其中一些你之前已经注意到）。
- 您无法看到我们需要的活动的详细程度。也许还需要其他图表类型。
- 为什么单独活动（电话，电子邮件等）的条形图如此之大？当然，他们占用的空间可以更有效地使用，并为其他有用的指标腾出空间（例如平均值/基准，每种活动类型的详细信息等）。
- 类型大小不一致。左侧的指标都是不同的大小。它有一个模式吗？还是只是随机的？这是不可能的。
- 仪表板的某些部分相互碰撞。所有者名称是包含大量数值的小部件的一部分。
- 显示总数的部分的颜色和大小没有意义。
我的Motivator改头换面，第3步：尺寸和颜色很重要
我们现在处于设计阶段，我们可以开始解决这些问题。在上一个改造步骤结束时，您注意到显示总计，逾期和已完成活动的摘要框的大小和颜色不正确。让我们回到Analytics Studio并解决这个问题。
- 在仪表板设计器中打开My Motivator仪表板。
- 将“总活动”度量标准调整为4个单元格。
- 将Overdue Activities指标1单元格拖到左侧。
- 将“已完成的活动”度量标准向左扩展1个单元格。您的度量小部件现在大小相同！
- 但颜色不一样。
- 单击“总活动”度量标准。
- 在右侧的窗口小部件属性面板中，单击窗口小部件样式以展开它。
- 在“背景颜色”下，单击当前颜色并选择深蓝色。
- 小部件文本也很暗，所以现在很难看到。易于修复。在窗口小部件属性面板中，单击“ 文本样式”以展开它。
- 将数字颜色和标题颜色更改为白色。那更好。
- 重复步骤5-9以更改“过期活动”和“已完成活动”度量标准的背景和文本颜色。
- 保存更新的仪表板，然后进行预览。哇！现在这些指标真的很流行。
你可以在这里再做一次调整。当你真正希望它们被视为一个时，这些指标看起来仍然有点分离。还记得用于将小部件移动到一起的容器小部件吗？这可以帮到这里。
- 编辑仪表板。
- 要选择容器窗口小部件，请将鼠标悬停在其中一个度量标准下方的容器边缘上，然后在光标变为交叉箭头时单击。
- 在右侧的窗口小部件属性面板中，单击窗口小部件样式以展开它。
- 将背景颜色更改为您用于指标的深蓝色。
- 保存更新的仪表板，然后进行预览。
现在您的指标就像一个故事！
激励者，制造
它到了那里。您已确定应用的受众，目的和功能。您已经了解了Motivator如何不辜负这些设计。而且你已经在所有级别 – 目的，结构和表面上做了一些修复。
很明显，您的应用程序越来越接近您的设计目标。但同样明显的是，还有很长的路要走。我们不能一步一步地把你带到那里。这超出了这个Trailhead模块的范围。我们向您介绍了设计的基础知识，并教授了一些技巧，让您开始表达您的想法。
但是，我们可以向您展示由我们的设计团队制作的The Motivator。所以，不用多说，回到Analytics Studio，然后打开The Motivator 2仪表板。
凉！您可以立即看到完成的改造如何改进原件。
- 目的增强。它现在包括左侧最重要的排行榜，时间段过滤器，以及有关所有类型活动的更多详细信息。此外，它现在包括帐户详细信息
- 结构增强。摘要KPI位于顶部，我们在其中移动它们。此外，团队中每个成员的KPI都是左上角，它们最突出，最容易到达。并且空间分配得更恰当：代替每个活动的总数而不是大型酒吧，相同数量的空间具有所有活动的大量细节。另外，相同的元件在一起，而不同的元件彼此分开。
- 表面增强。美学恰到好处 – 让您的用户对您的应用感到兴奋。颜色一起工作。使用新的调色板挑选元素更容易。类型大小是一致的。类似的元件具有相似的尺寸，颜色和排列。整件事看起来很专业！
太棒了吧？当然，我们有点欺骗，直接带你到终点线。但我们希望你能看到我们是如何到达那里的。我们希望通过使用本模块中引用的资源，您可以通过一点时间和决心自己实现这一目标。
设计师管理员的工作从未完成
也许现在已经足够好了。但作为DTC的管理员，你很快就会发现单独离开是不够好的。您的用户期望增强功能，并且始终有一种方法可以让应用程序更加可用，对吧？
例如，您已经了解了Analytics Studio页面功能，通过将内容划分为多个页面，可以使仪表板更易于使用。他们让您通过仪表板创建动态路径来讲述故事。也许The Motivator中的每个活动都可以获得自己的页面，并且您可以添加有用的详细信息，例如查看每个代表进展到配额，关闭赢得和丢失交易以及总收入。这可以帮助您和他们了解活动如何促进销售业绩，并了解某些类型的活动是否比其他活动产生更大的影响。
但那是另一天！您进入设计世界的意外之旅即将结束。剩下要做的就是回答这些问题并完成你来之不易的徽章！