设计用于Web分析电子商务网站的仪表板。 第1部分：用户友好界面

仪表板称为以表格，图表，信息图表元素的形式以可视形式显示的数据数组。 有时，仪表板是一组设计精美的数字。 例如，如图所示的信息面板。


驾驶员仪表板

发布周期将包括描述电子商务网站Web分析的仪表板内容的文章。 让我们谈谈创建方便的仪表板界面。

使报告的内容美味！

为了使仪表板中显示的一组数字，图形和其他可视元素可供最终客户理解，将需要多次迭代。 设计仪表盘时，您将必须回答以下问题：

• 为谁创建仪表板？ 市场总监或总监会使用它吗？ 客户多久打开一次此报告？ 信息显示的水平和指示器动态的时间段取决于仪表板的最终用户。
  
  仪表盘分为三种类型：运营，分析和战略。 操作面板用于显示随时间快速变化的信息。 分析仪表板用于对当前趋势进行研究，评估情况并得出纠正负面趋势的结论。 通常，战略性仪表板将用作确定公司活动方向，确定结构单元中的问题并设置纠正任务的指南。
  
  一个例子 。 营销人员发现上下文广告的流量产生了过于昂贵的销售线索（战略仪表板），并设置了直接医生的任务来纠正这种情况。 分析报告中的主管发现，由于点击费用较高，导致转化关键字的排名下降，并提高了关键字的出价。 它设置了客户经理的任务，以监控关键字在更改点击费用之后将占据的排名以及处理费用是否会超过目标值。 客户经理在操作仪表板的帮助下“保持同步”。
  
  
  没有结论和建议的战略，分析和运营仪表板
  
  
• 应该做出什么决定？ 回想一下决策金字塔的原理。 我们从一般性到特殊性：首先选择所需的解决方案，然后选择哪些绩效指标将有助于评估所做出的决策，最后选择哪些指标可以影响KPI。 这些指标和其他指标都需要从上到下反映在仪表板上。
  
  一个例子 。 仪表板客户希望了解如何增加订单数量并降低成本。 在表格的开头，我们反映了主要的KPI，例如，订单数量及其价值。 接下来，我们导出辅助KPI（例如跳出率和观看深度）以评估流量质量。 我们将排列更低的细分数据，例如，在城市，设备类型，星期几和一天中的时间范围内的订单数量和流通成本的指标。
  
  绩效目标必须符合ACTA原则：
  
  
  • 可操作的-指标名称应显示其内容。 例如，按时交付的订单百分比。
  • 共同的解释-报告的所有用户应以相同的方式解释指标。
  • 透明-每个人都应该了解指标的计算方式。
  • 可访问的可信数据-数据源必须可靠。
  
  该仪表板与信息面板的不同之处在于，它包含用于更改情况的分析，结论和建议。 好的仪表板还包含有关决策后果的假设。 对情况和结论的分析不需要描述从图表中显而易见的信息。 客户正在等待对趋势以及性能目标当前行为的原因进行分析。 确保基于仪表板中的数据提供清晰易懂的操作指南。 并非总是能够预测您的行动的结果，但是当您向客户展示变更实施带来的预期收益时，他肯定会考虑您的工作建议。
  
  

  不要忘记仪表板的外观

  
  在仪表板上显示信息并非易事，尤其是当您需要使用客户能够理解的语言显示大量异构数据时。 通常使用以下可视化：
  
  
  按信息类型可视化
  
  我记得基本规则，仪表板的可用性与站点的可用性有些相似。
  
  

  赫德

  
  在首次打开仪表板时，客户应该一眼就知道自己在哪里以及可以从数据中获得什么好处。 您不应依赖于只有客户会使用您设计的仪表板这一事实。 他将始终能够与他的一位同事共享仪表板。 如果他想做的话甚至更好。 因此，不要忘记帽子。 它由仪表板的名称，客户公司的徽标以及可能的执行公司的徽标组成。
  
  

  页脚

  
  查看数据后，客户希望查看结论和建议以采取进一步措施。 结论和建议不一定必须位于页脚中，而必须存在于仪表板中。
  
  

  结构化信息

  
  信息块的排列必须遵守某些规则。 最好不要更改和使用网格，以使仪表板中的元素在页面之间的位置更好。 元素之间应有足够的可用空间。 图表应签名，并遵守统一的格式。 使用2-3种字体。 用颜色，大小突出显示重要信息。
  
  

  便捷的导航

  
  导航应该清晰易懂。 如果您没有在此仪表板表上显示有关指示器动态的详细信息，但是客户需要它，则应提供指向显示此信息的仪表板表的链接。
  
  

  色域

  
  您选择的调色板必须与客户站点的调色板匹配。 无需组成自己的调色板。
  
  
  仪表板凯文·杰克逊
  
  
  克里斯托弗·埃迪（Christopher Eddy）的仪表盘
  
  

  具有用户友好界面的仪表板原型

  
  有关Habré的文章的所有后续仪表板将在Power BI中创建，因此，我将在同一程序中给出原型的草图。
  
  顶盖包含仪表板的名称，按日期过滤（仪表板更新后的第一读物将清晰显示），公司徽标。 仪表板用户的最大注意力集中在屏幕左上角的元素上。 过滤器位于右上角，以免引起您的注意。 结论，建议和预测位于左上角。 正动态标记为绿色，负动态标记为红色。 滚动条不会干扰信息的感知。 观察元素之间的空间。
  
  
  我的仪表板原型
  
  资料来源
  
  
  • Jacob Nielsen的启发式可用性原则
    
  • 如何使仪表板界面更方便
    
  • 战略和战术仪表板
    
  
  
  周期中的文章
  
  
  • 设计用于Web分析电子商务网站的仪表板。 第2部分：电子邮件通讯。 战略仪表板