如何设计可立即产生影响的小部件？
来源：CPDA数据分析师网 / 作者：数据君 / 时间：2021-02-23
如果您的仪表板有多个相同类型的小部件，请尝试以相同的方式设计它们
例如如果一行中有四个指示器，则应与您选择的颜色以及它们在仪表板中的放置位置保持一致。假设您将所有四个指示器都设置为蓝色，并将它们放在右侧的行中，如果在使用仪表板一次后，您的用户知道所有指示器均为蓝色且在右侧，则下次他们需要这些小部件的信息时，他们的眼睛会自动回到同一位置，但是一致性不仅限于小部件样式，您应该确保在整个仪表板上保持相同的配色方案，这样做可以使您的仪表板更统一，看起来更专业，这可以使您的用户下意识地信任他们所看到的信息。
使用正确的颜色
尝试将数据连接到正确的颜色，有时越明显越好，例如如果您有一个饼图显示伊利诺伊州食用的蔬菜数量，则应将红色用于番茄，将绿色用于黄瓜，将橙色用于胡萝卜，您还可以使用颜色将焦点吸引到一组特定的值，在下面的示例中，您可以看到绿色强调高于每个销售人员平均收入的员工，这在图表上产生了积极的旋转，但是如果您要突出显示那些低于平均值的图表，则可以使这些条为红色，其余为灰色。
客户喜欢的五个小部件
现在我们已经有了一些基本的设计技巧，让我们深入研究一些特定的小部件。我们将把本文的其余部分集中在客户使用多的五个小部件上，当然这是根据使用情况数据得出的。
1.数据透视表
数据透视表在设计时似乎无望，但实际上有两种方法可以改进它们，首先您可以尝试使用每行交替的颜色，这将帮助您的用户用眼睛一次跟踪整行，另外它有助于将一行与另一行分开，您也可以尝试用一种颜色突出显示表格中的特定值，在下面的示例中，“总收入”以橙色突出显示，这有助于突出显示数据透视表中重要的信息。
2.指标
指标擅长可视化KPI和单个重要值，但是为了使人们了解他们在看什么，给他们足够的上下文很重要，为此请在指示器上方使用醒目的大标题，我个人喜欢使用具有超简单数字样式的数字指示器，并确保将数字保持较大，我已经提到了这一点，但是为所有指示器选择一种颜色也很重要，这将创建统一的指示器行，并且不会使用户在用眼睛扫描仪表板时感到困惑，规则的一个例外？如果您的仪表板很长，每个仪表板都包含多个部分，则可以使用颜色主题将一个区域与另一个区域区分开，我们也不要忘记良好的旧仪表指示器，它们是指示实现既定目标的好方法，您可以通过添加刻度，标签和上下文标题来自定义外观。
3.条形图
条形图用于比较值和项目，它们就像柱形图一样，只是它们的轴反转了-X轴上的值和垂直Y轴上的类别，在条形图中，我建议使用Y轴网格线，以帮助用户的眼睛跟随给定条形的终点，您还可以使用颜色范围来帮助指示值，但是选择颜色时要小心！如果要在每个栏上使用值标签，请确保为栏选择明亮的颜色，以便用户可以轻松阅读深色标签。
4.饼图
饼图用于将完整项目分解为各个部分，但是饼图的切片越多，饼图的读取就越困难，为了使阅读更容易，您可能需要在每个切片旁边放置一个标签，不过您应该小心-如果切片很多，标签将开始优先处理，有些标签会消失，在这种情况下，禁用标签并仅使用图例，就个人而言，与圆饼图相比，我更喜欢甜甜圈图，因为我认为它们更易于阅读。为什么？好吧，当您查看饼状图时，自然会直接将视线吸引到饼状图的中间，然后绕过值和标签。使用甜甜圈图，可以立即看到数字和标签。删除饼形图的中心可以做的事真是太疯狂了！
5.折线图
折线图使您可以轻松地查看趋势以及可以通过峰值或峰值显示的数据的快速变化。折线图是所有仪表板的主要组成部分，但在设计方面有一些陷阱，您应尽量避免，如果您使用大量数据集，折线图会变得非常混乱，为了减少混乱，为每条线使用不同的颜色并确保使用细线很重要，确保还包括图例，以便于理解，重要的是，我认为始终使用Y轴网格线非常重要，尤其是在沿轴有很多点的情况下，您还可以使用数据点标记使图表更易于理解，但是如果图表上有很多线，则应小心使用数据点标记，因为它终看起来会很乱。
数据与设计
例如如果一行中有四个指示器，则应与您选择的颜色以及它们在仪表板中的放置位置保持一致。假设您将所有四个指示器都设置为蓝色，并将它们放在右侧的行中，如果在使用仪表板一次后，您的用户知道所有指示器均为蓝色且在右侧，则下次他们需要这些小部件的信息时，他们的眼睛会自动回到同一位置，但是一致性不仅限于小部件样式，您应该确保在整个仪表板上保持相同的配色方案，这样做可以使您的仪表板更统一，看起来更专业，这可以使您的用户下意识地信任他们所看到的信息。
使用正确的颜色
尝试将数据连接到正确的颜色，有时越明显越好，例如如果您有一个饼图显示伊利诺伊州食用的蔬菜数量，则应将红色用于番茄，将绿色用于黄瓜，将橙色用于胡萝卜，您还可以使用颜色将焦点吸引到一组特定的值，在下面的示例中，您可以看到绿色强调高于每个销售人员平均收入的员工，这在图表上产生了积极的旋转，但是如果您要突出显示那些低于平均值的图表，则可以使这些条为红色，其余为灰色。
客户喜欢的五个小部件
现在我们已经有了一些基本的设计技巧，让我们深入研究一些特定的小部件。我们将把本文的其余部分集中在客户使用多的五个小部件上，当然这是根据使用情况数据得出的。
1.数据透视表
数据透视表在设计时似乎无望，但实际上有两种方法可以改进它们，首先您可以尝试使用每行交替的颜色，这将帮助您的用户用眼睛一次跟踪整行，另外它有助于将一行与另一行分开，您也可以尝试用一种颜色突出显示表格中的特定值，在下面的示例中，“总收入”以橙色突出显示，这有助于突出显示数据透视表中重要的信息。
2.指标
指标擅长可视化KPI和单个重要值，但是为了使人们了解他们在看什么，给他们足够的上下文很重要，为此请在指示器上方使用醒目的大标题，我个人喜欢使用具有超简单数字样式的数字指示器，并确保将数字保持较大，我已经提到了这一点，但是为所有指示器选择一种颜色也很重要，这将创建统一的指示器行，并且不会使用户在用眼睛扫描仪表板时感到困惑，规则的一个例外？如果您的仪表板很长，每个仪表板都包含多个部分，则可以使用颜色主题将一个区域与另一个区域区分开，我们也不要忘记良好的旧仪表指示器，它们是指示实现既定目标的好方法，您可以通过添加刻度，标签和上下文标题来自定义外观。
3.条形图
条形图用于比较值和项目，它们就像柱形图一样，只是它们的轴反转了-X轴上的值和垂直Y轴上的类别，在条形图中，我建议使用Y轴网格线，以帮助用户的眼睛跟随给定条形的终点，您还可以使用颜色范围来帮助指示值，但是选择颜色时要小心！如果要在每个栏上使用值标签，请确保为栏选择明亮的颜色，以便用户可以轻松阅读深色标签。
4.饼图
饼图用于将完整项目分解为各个部分，但是饼图的切片越多，饼图的读取就越困难，为了使阅读更容易，您可能需要在每个切片旁边放置一个标签，不过您应该小心-如果切片很多，标签将开始优先处理，有些标签会消失，在这种情况下，禁用标签并仅使用图例，就个人而言，与圆饼图相比，我更喜欢甜甜圈图，因为我认为它们更易于阅读。为什么？好吧，当您查看饼状图时，自然会直接将视线吸引到饼状图的中间，然后绕过值和标签。使用甜甜圈图，可以立即看到数字和标签。删除饼形图的中心可以做的事真是太疯狂了！
5.折线图
折线图使您可以轻松地查看趋势以及可以通过峰值或峰值显示的数据的快速变化。折线图是所有仪表板的主要组成部分，但在设计方面有一些陷阱，您应尽量避免，如果您使用大量数据集，折线图会变得非常混乱，为了减少混乱，为每条线使用不同的颜色并确保使用细线很重要，确保还包括图例，以便于理解，重要的是，我认为始终使用Y轴网格线非常重要，尤其是在沿轴有很多点的情况下，您还可以使用数据点标记使图表更易于理解，但是如果图表上有很多线，则应小心使用数据点标记，因为它终看起来会很乱。
数据与设计
确保仪表板以易于消化的方式为用户提供所需的东西是相等的零件数据和设计。但是，如果您没有设计师的眼睛，请不要担心！您容易做的重要的事情就是与您的用户交谈。了解他们如何使用仪表板，喜欢什么，不喜欢什么以及使他们的体验更流畅的原因，如果这样做，并将用户反馈与上面的一些技巧结合在一起，您将处于良好状态，可以立即产生影响。
商业联合会数据分析专业委员会
京公网安备 11010502034401号
课程体系 
试听申请 
复听申请 
在线报名 
考试大纲 
考试报名 
准考证打印 
