分析应用设计 (5)让你的应用看起来很棒

学习目标

完成本单元后,您将能够:

  • 了解为什么设计应用程序的表面是最后的过程。
  • 了解应用程序表面的元素。
  • 查看Motivator示例应用程序表面的问题并修复其中一些问题。
  • 查看最终抛光的应用程序。

最后应该是第一个

正如我们在开始时所说的那样,通过创建看起来非常棒的应用程序和仪表板元素很容易。Analytics Studio为您提供了许多简单的方法来开发探索,选择光滑的图表类型,大小和位置仪表板小部件,更改字体大小和颜色等。

正如我们所看到的,最好看的图表无法帮助观众做任何事情,直到他们在适当的背景下发展。上下文是什么意思?这是您的应用程序及其计划结构的目的和功能创意。

我们确定了Motivator的那些部分。现在是时候考虑如何抛光它 – 让应用程序的表面在其底层元素上放置最好的面孔。即使您在流程结束之前没有使用它,这也是您的用户首先遇到的应用程序的一部分。你最好让它闪耀,让你的观众想要使用所有那些努力工作的功能!

创建视觉吸引力

现在是时候真正考虑应用程序的外观了。这是您应用自己的审美判断来建立视觉吸引力的地方,这反过来可以增加用户对您的应用程序的情感依恋。以下是您控制的功能,使功能看起来如此之大,用户迫不及待地想要了解它们。

  • 您使用的尺寸和形状:它们是否反映了这些特征的重要性,它们是否相互平衡?他们有效地利用空间吗?
  • 您采用的图表类型类型:它们是否可视化其呈现的数据?它们是否一致,用于类似数据的图表类型(以及用于不同类型数据的不同图表类型)?
  • 对齐,空间和定位:元素是否以有序,令人愉悦的方式排列?它们是否彼此不同,因此您可以分辨出哪一个结束而另一个结束?是否存在太多(或太少)空间分隔元素?
  • 颜色:你有一个令人愉悦的调色板,颜色合适吗?需要突出的元素是否有效?像元素一样着色吗?
  • 字体:大小和类型是否一致,使用相同的大小和类型呈现相同级别的信息?
  • 品牌:在适当的情况下,您是否已将您的团队或公司的品牌元素纳入其中?

让激励者更有动力

考虑到这些因素,让我们考虑一下“激励者”仪表板的各个部分,这些部分可能会让人失去动力。有一些明显的表面东西是错误的(其中一些你之前已经注意到)。

  • 您无法看到我们需要的活动的详细程度。也许还需要其他图表类型。
  • 为什么单独活动(电话,电子邮件等)的条形图如此之大?当然,他们占用的空间可以更有效地使用,并为其他有用的指标腾出空间(例如平均值/基准,每种活动类型的详细信息等)。
  • 类型大小不一致。左侧的指标都是不同的大小。它有一个模式吗?还是只是随机的?这是不可能的。
  • 仪表板的某些部分相互碰撞。所有者名称是包含大量数值的小部件的一部分。
  • 显示总数的部分的颜色和大小没有意义。

我的Motivator改头换面,第3步:尺寸和颜色很重要

我们现在处于设计阶段,我们可以开始解决这些问题。在上一个改造步骤结束时,您注意到显示总计,逾期和已完成活动的摘要框的大小和颜色不正确。让我们回到Analytics Studio并解决这个问题。

  1. 在仪表板设计器中打开My Motivator仪表板。
  2. 将“总活动”度量标准调整为4个单元格。
  3. 将Overdue Activities指标1单元格拖到左侧。
  4. 将“已完成的活动”度量标准向左扩展1个单元格。您的度量小部件现在大小相同!
仪表板顶部相同大小的指标的屏幕截图
  1. 但颜色不一样。
  2. 单击“总活动”度量标准。
  3. 在右侧的窗口小部件属性面板中,单击窗口小部件样式以展开它。
  4. 在“背景颜色”下,单击当前颜色并选择深蓝色。
窗口小部件背景颜色选择器突出显示深蓝色
  1. 小部件文本也很暗,所以现在很难看到。易于修复。在窗口小部件属性面板中,单击“ 文本样式”以展开它。
  2. 将数字颜色和标题颜色更改为白色。那更好。
  3. 重复步骤5-9以更改“过期活动”和“已完成活动”度量标准的背景和文本颜色。
  4. 保存更新的仪表板,然后进行预览。哇!现在这些指标真的很流行。
仪表板的屏幕截图,顶部有深蓝色指标

你可以在这里再做一次调整。当你真正希望它们被视为一个时,这些指标看起来仍然有点分离。还记得用于将小部件移动到一起的容器小部件吗?这可以帮到这里。

  1. 编辑仪表板。
  2. 要选择容器窗口小部件,请将鼠标悬停在其中一个度量标准下方的容器边缘上,然后在光标变为交叉箭头时单击。
  3. 在右侧的窗口小部件属性面板中,单击窗口小部件样式以展开它。
  4. 将背景颜色更改为您用于指标的深蓝色。
  5. 保存更新的仪表板,然后进行预览。

现在您的指标就像一个故事!

在容器中组合的3个指标的屏幕截图

激励者,制造

它到了那里。您已确定应用的受众,目的和功能。您已经了解了Motivator如何不辜负这些设计。而且你已经在所有级别 – 目的,结构和表面上做了一些修复。

很明显,您的应用程序越来越接近您的设计目标。但同样明显的是,还有很长的路要走。我们不能一步一步地把你带到那里。这超出了这个Trailhead模块的范围。我们向您介绍了设计的基础知识,并教授了一些技巧,让您开始表达您的想法。

但是,我们可以向您展示由我们的设计团队制作的The Motivator。所以,不用多说,回到Analytics Studio,然后打开The Motivator 2仪表板。

Motivator仪表板的最终版本

凉!您可以立即看到完成的改造如何改进原件。

  • 目的增强。它现在包括左侧最重要的排行榜,时间段过滤器,以及有关所有类型活动的更多详细信息。此外,它现在包括客户详细信息
  • 结构增强。摘要KPI位于顶部,我们在其中移动它们。此外,团队中每个成员的KPI都是左上角,它们最突出,最容易到达。并且空间分配得更恰当:代替每个活动的总数而不是大型酒吧,相同数量的空间具有所有活动的大量细节。另外,相同的元件在一起,而不同的元件彼此分开。
  • 表面增强。美学恰到好处 – 让您的用户对您的应用感到兴奋。颜色一起工作。使用新的调色板挑选元素更容易。类型大小是一致的。类似的元件具有相似的尺寸,颜色和排列。整件事看起来很专业!

太棒了吧?当然,我们有点欺骗,直接带你到终点线。但我们希望你能看到我们是如何到达那里的。我们希望通过使用本模块中引用的资源,您可以通过一点时间和决心自己实现这一目标。

设计师管理员的工作从未完成

也许现在已经足够好了。但作为DTC的管理员,你很快就会发现单独离开是不够好的。您的用户期望增强功能,并且始终有一种方法可以让应用程序更加可用,对吧?

例如,您已经了解了Analytics Studio页面功能,通过将内容划分为多个页面,可以使仪表板更易于使用。他们让您通过仪表板创建动态路径来讲述故事。也许The Motivator中的每个活动都可以获得自己的页面,并且您可以添加有用的详细信息,例如查看每个代表进展到配额,关闭赢得和丢失交易以及总收入。这可以帮助您和他们了解活动如何促进销售业绩,并了解某些类型的活动是否比其他活动产生更大的影响。

但那是另一天!您进入设计世界的意外之旅即将结束。剩下要做的就是回答这些问题并完成你来之不易的徽章!

分析应用设计(4)构建您的应用

学习目标

完成本单元后,您将能够:

  • 了解构建应用内容的重要性。
  • 解释构建应用程序的过程。
  • 确定Motivator应用程序的结构并开始修复它。

构建你的想法的标准

您有一系列功能强大的功能,可以表达My Motivator的目的,并可以为销售经理提供所需的功能。现在你需要根据几个标准来构建它们。

  • 优先。对观众和目的最重要的是什么?
  • 逻辑。首先需要了解什么?
  • 粒度级别。什么是最一般的,更具体的是什么?
  • 相似。内容应与其他类似内容一起组织。不同的内容应该分开。

考虑到这一点,您可以再看一下披萨午餐会上的想法列表。你已经对列表进行了优先排序,所以你就在那里。让我们以缩写形式看到它。

  1. 排行榜和活动总数,以及已完成和逾期的活动。
  2. 活动类型逐周。
  3. 查看从销售经理到区域经理到销售副总裁的各级管理层的活动。
  4. 每个代表和每个客户的活动。
  5. 电子邮件,电话等的单独部分。
  6. 每周查看活动。
  7. 平均活动水平基准。
  8. 每种活动类型的详细信息。
    • 入站和出站呼叫。
    • 电邮优先权。
    • 完整和开放的活动。
    • 完成和打开任务。

看起来像一个彻底的,有序的列表,所以不应该太多的工作来弄清楚如何在仪表板中组织它。

应用结构概念

为了帮助您想出一个结构,首先让我们看看一些结构概念,使用一些Einstein Analytics应用程序作为示例。

在最高级别,应用程序围绕着将要使用它们的人以及他们想要从应用程序中学习的内容构建。销售分析使用这种角色驱动的 方法,并提供广泛的内容,以服务于多种类型的用户 – 销售主管,经理和销售代表。

一个人员驱动的结构,显示销售主管,SAles Manager和销售代表仪表板

无论应用程序是为一种或多种类型的用户提供服务,它都可以使用任务驱动的结构,围绕这些用户想要做的事情进行组织。Service Analytics提供深层内容以解决服务管理器问题。其内容根据任务进行组织:审核案例,衡量团队绩效以及分析渠道和客户。

Service Analytics应用程序中的任务驱动结构。

使用Motivator,您已经确定只有一种类型的用户,一个角色可以支持。其销售经理的受众希望执行诸如衡量最佳表现者以及总结(电话,电子邮件,任务,事件)和客户中的活动等任务。您可以为其一个仪表板使用简单的任务驱动结构,如下所示。

激励者结构
衡量表现最佳者查看活动摘要按客户查看活动
排行榜显示每个代表的活动每种类型的活动 – 电子邮件,电话,任务,事件 – 每周一次客户详细资料
平均活动为基准活动在管理层面上进行
每项活动的详细信息入站/出站呼叫电邮优先权完整/公开活动完成/打开任务

该图表根据您和团队确定的优先级显示活动指标的逻辑组织。它可以在您工作的下一阶段使用,即确定如何在仪表板中布置指标。

从结构到布局

一旦了解了要使用的结构类型,就需要开始考虑如何布置这些功能。您对可以满足受众需求的功能有很多想法。现在,您需要一个具体的计划来在逻辑层次结构中表达这些想法。您需要将功能组织成从一般和/或最重要到特定和/或次要重要性的平滑流程。

在此阶段,确定您是否需要一个或多个仪表板。某些应用需要很多,例如默认的销售和服务分析应用。其他人只需要一个或几个,例如采用和金融服务分析。正如我们所见,应用程序是由其目的定义的,而不是一定数量的资产。

例如,查看Sales Analytics的层次结构和流程的原始计划。

Sales Analytics应用程序的流程

它始于最普遍的观众需求:了解销售业绩的大局。然后,它根据逻辑流程提供了大图的详细视图,从配额进度开始 – 销售团队最重要的KPI。显然,该应用程序需要多个仪表板来表达该流程。

您可以根据您告诉应用程序故事的最佳帮助,自行决定所需的仪表板数量。无论您决定什么,您都需要确定仪表板布局的细节,无论是一个还是多个仪表板。我们接着看下一步。

仪表板布局的设计模式

在您不得不考虑如何表达内容结构之前,还有很多其他内容,就像您刚刚提出的内容结构一样。因此,您可以考虑使用一些精心设计的页面模式来简化为仪表板提供页面布局的过程。如果您的应用涉及多个信息中心,则每个信息中心都可以使用其中一种模式。

许多仪表板遵循所谓的F模式,因为它类似于字母F.使用此布局,您可以在左窗格(F的左侧)中放置摘要或最高优先级的KPI。更细粒度的度量可视化位于其右侧(字母的两个水平笔划)。更多细节将在右下方显示。通常,用户对摘要所做的任何更改,或更细粒度的可视化,例如更改过滤器选择,也会过滤细节(在图像中标记为详细信息和可操作列表)。在Analytics中,我们称之为分 ; 更改一个仪表板窗口小部件中的过滤器选择也会更改仪表板中任何分面窗口小部件的过滤器。

f布局设计图案,显示以字母f的形状布置的组件。

AZ模式布局涉及页面的自上而下扫描。摘要信息位于页面顶部的中心。支持可视化位于摘要下方,占据内容区域的整个宽度。摘要和可视化上的任何分面都将过滤更详细的窗格(在图像,可视化,详细信息和可操作列表中)。

z布局设计图案,显示以字母z的形状布置的组件。

另一种常见布局:并排模式,在比较两个指标时尤其有用,因为您可以将它们放在彼此旁边。用户从左向右扫描,反之亦然,以比较指标。在任一可视化上单独完成的任何分面都将以相同的方式过滤其他可视化。

并排图案,组件彼此相邻。

什么最适合Motivator的仪表板?你可以排除并排模式,因为你不是在比较事物。也许是Z模式,但是考虑到你必须提供的所有内容,它最终可能会成为一个非常长的Z并迫使用户滚动以获取重要信息。

看起来像F可能是最好的模式,虽然有一些修改。您可以将排行榜放在左侧,而F的顶部可以显示活动总和,其中包含活动细分。下面更进一步的可以是客户明细清单。

所以你决定尝试一下。你不是一个艺术家,但你可以画出F形的盒子,并用你的特色创意标记它们。这就是你想出的。

Motivator仪表板结构的草图

大!你构建了自己的应用程序。现在,是时候继续修复The Motivator了。

我的激励者改造,第2步:在太空中找到

当您上次触摸仪表板时,您修复了与目的相关的明显问题。接下来,在其结构中修复一个同样明显的一个。同样,你不会做任何事情来使其结构完全正确。您需要向正确的方向迈出几步,以便在开发自己的应用程序时知道该怎么做。

您可以将活动摘要指标从仪表板底部移动到顶部,清楚地显示它们属于它们。完成后,F布局的顶部水平条就位。

  1. 转到您在上一个单元中处理的My Motivator仪表板。
  2. 如果仪表板未在仪表板设计器中打开,请单击 编辑()按钮。
仪表板顶部的编辑按钮
  1. 从左侧的窗口小部件面板中,将Container()窗口小部件拖到“总活动”度量标准下方的仪表板画布上。小费容器非常适合在移动它们时将相关的小部件保持在一起。大量使用它们!
在小工具面板上的容器小部件图标在dsahboard的左边
显示正在拖动到仪表板画布上的容器小部件的屏幕截图
  1. 使用容器上的resize handle()将容器的大小调整为三个度量的相同长度和宽度。小费如果您忘记了容器,请单击或将鼠标悬停在您认为的位置,然后显示出来!
仪表板画布上的容器小部件
  1. 将“总活动”指标向下拖动到其下方的容器中。
度量标准拖入容器小部件
  1. 对“逾期活动”和“已完成活动”度量标准重复步骤5。现在所有指标都在容器中,移动容器以同时移动小部件。
  2. 将鼠标悬停在容器边缘上,直到光标变为交叉箭头,然后单击并按住。
屏幕截图显示容器内的度量标准,光标悬停在容器边缘上
  1. 按住Shift键,同时将容器向上拖动到过滤器下方。小费移动窗口小部件时,按住Shift键可自动移动其他窗口小部件。我们称之为回流
屏幕截图显示了仪表板顶部的三个指标
  1. 保存更新的仪表板,然后进行预览。

好多了,对吧?而且非常简单。但远非完美:您注意到摘要KPI框的大小或颜色不同。您将跳到设计过程的下一部分:表面抛光。我们将在下一个单元中关注设计过程的最后一部分。

分析应用设计(3)创建有目的的功能

学习目标

完成本单元后,您将能够:

  • 将应用程序的用途表达为一组功能。
  • 确定应用功能的高级设计要求。
  • 对The Motivator应用程序实施简单的设计修复。

将目的转向比萨饼上的特色

通过了解您的应用程序的受众和目的,您可以为The Motivator提出具体的设计理念,并将其作为其功能。你可以与在上次会议上前进的小组一起继续与你合作。

在白板上的黄色胶粘物的Motivator的功能想法。

没有进一步的麻烦,你会在第二天的长午餐中与他们召开会议。在披萨和沙拉上,您可以从上一次会议的评论开始,然后将其放入简短的演示文稿中并与团队分享。会议中的每个人轮流前往白板,引导讨论一两条评论,然后写下或勾勒出关键要点。最后,您将一起审核所有想法并投票决定如何确定它们的优先级。您可以获取团队的笔记和草图,并将其组织到另一组幻灯片中。

在我们运行设计研讨会时,在Salesforce Analytics中,我们让人们在黄色胶粘物上写下他们的功能想法并将它们放在白板上。每个人都对他们的想法说了几句话,然后我们将它们分组。然后我们让人们对他们希望在应用中看到的人进行投票。我们根据投票数量上下移动它们。

以下是您和团队提出的优先顺序。

  1. 最重要的事情是排行榜和活动总数,以及完成和逾期的活动。让那些真正突出。
  2. 您需要每周查看每种类型的活动。
  3. 确保您可以按角色层次结构分解。也就是说,您需要查看从销售经理到区域经理到销售副总裁的各个级别的管理活动。
  4. 您需要快速查看每个代表和每个客户的活动。
  5. 每个活动都需要单独的数据,即电子邮件,呼叫等的单独部分。
  6. 您将使用平均活动水平作为基准。
  7. 您需要每种活动类型的更多详细信息。例如,对于您需要入站和出站的呼叫,以查看代表或客户是否发起联系。对于电子邮件,您需要一种优先感。对于任务和事件,无论它们是完整的还是开放的。

你看看The Motivator的第一个版本,很容易看出它没有达到的地方。首先,预先存在一些阻碍应用程序目的的问题。

  • 没有时间概念。经理无法看到他们的销售代表的活动何时举行。据他们所知,The Motivator从一开始到现在都在展示活动。你必须解决这个问题,对吗?
  • 没有基准,也没有排行榜。没有它们,就无法知道哪些销售代表高于或低于平均水平,也没有办法确定谁做得好。

还有其他一些问题,一些与仪表板的结构和组织有关,另一些则与抛光和表面问题有关。我们稍后将在模块中介绍这些设计部分。

  • 总计在底部(正如您之前注意到的那样)。
  • 没有办法查看每个管理层下的活动。
  • 您可以使用“客户名称”菜单按客户查看活动。但是看到所有账户的列表视图不是很好吗?
  • 您只能看到每项活动的总计。我们无法按时间查看活动,在本例中是按周。
  • 您无法看到我们需要的活动的详细程度。
  • 类型大小不一致。
  • 仪表板的某些部分相互碰撞,即使它们不属于一体。例如,为什么所有者名称高于左侧的所有指标?
  • 显示总数的部分的颜色和大小没有意义。

验证您的想法并开始构建您的仪表板

现在您有了团队的实际要求,您几乎已准备好开始构建仪表板。剩下的就是最后一次与团队一起审查目的陈述和想法/功能列表以验证它们。

这是一项快速的工作,取得了很好的成绩。是什么导致了这个?让我们来复习。

要确定应用/信息中心的用途,您需要执行以下过程:

  1. 同情。您了解您的受众,他们需要什么,以及他们为什么需要它。
  2. 发展创意。通过团队,您协作创意为观众服务。
  3. 将想法转化为功能。您提出了表示仪表板创意的功能细节。

不太难,对吧?与我们与开发团队或客户处理应用程序时Salesforce Analytics设计团队的流程类似。

作为该流程的一部分,我们通常还举办非正式研讨会,与您与团队召开的会议提出具体的想法和功能。在那些研讨会上,我们遵循的过程看起来有点像这样。

  1. 草图。在几个简短的定时会话中,每个成员都会为应用程序中的内容提供想法。
  2. 当下。每个团队成员一次一个地快速呈现他们的想法。每个想法三分钟或更短时间。
  3. 分类。随着想法的讨论和优先排序,代表每个想法的黄色胶粘物被分类和分类。
  4. 优先。该团队将最多与最不相关的想法组织起来以满足他们的需求。
确定功能的过程,如文中所述

看起来熟悉?就像我们说的那样,非常接近你对披萨的所作所为,对吧?再说一次,不是太难,也不是常识。但是,在我们急于开发和交付时,很容易跳过这样的基础知识。

现在你有了一个基础,让我们来到有趣的部分并修复激励者!您将从进行小幅调整开始,以帮助应用程序实现更大的目标。之后,您会进行更多与结构和表面相关的微调(抛光)。

我的激励者改造,第1步:它是关于时间的

当你打开The Motivator时,你注意到了它。当团队看到它时,他们也会跳过它:没有办法看到团队的活动何时发生。几乎违背了应用程序的目的,即提供有关销售代表活动的最新关键绩效指标(KPI)。当仪表板无法测量时间时,KPI如何达到分钟?

  1. 在Analytics Studio中,单击DASHBOARDS选项卡。
  2. 单击My Motivator仪表板 – 您刚刚制作的副本 – 打开它。
  3. 单击编辑()按钮。仪表板设计师打开。
仪表板顶部的编辑按钮
  1. 在Filters容器中,单击。
在仪表板设计器的过滤器容器中添加过滤器按钮
添加仪表板设计器中突出显示的过滤器按
  1. 单击“ 更改数据集”,然后选择“ 活动”
  2. 要查找要过滤的日期字段,请date在搜索框中输入。
在搜索框中选择包含日期的字段模式
  1. 选择ActivityDate,然后单击“ 创建”
  2. 点击应用
  3. 单击“ 保存”()按钮,然后单击“保存”。
仪表板顶部的“保存”按钮
  1. 单击预览()按钮。
仪表板顶部的预览按钮

凉!您添加了日期过滤器。简单吧?现在尝试一下。

  1. 单击新的ActivityDate过滤器。
  2. 选择当前的当前会计年度
  3. 点击应用

仪表板仅显示所选时间段内的活动。

通过这个简单的修复,您已经解决了阻碍仪表板实现其预期目的的主要问题之一。恭喜!

从目的到结构

你还有很长的路要走。您只修复了一个与目的相关的问题。这个Trailhead模块是关于设计过程,而不是仪表板构建,因此您不会修复所有仪表板的问题。但是当您添加过滤器时,您会看到Analytics Studio为您提供了强大的工具,可以使您的设计生动并构建仪表板。您可以通过查看本单元末尾包含的资源,自行深入探索Analytics仪表板构建工具。

我们在设计过程中在哪里?您了解应用的受众和目的,并且您已经提出了设计/功能创意。您已准备好进入下一阶段的设计:确定仪表板的结构并修复其零件的组织方式。

首先,通过测试您通过这些问题学到的知识,不断改进您的徽章。