7个有效的数据设计技巧

设计师老吴

2021-10-22 19:21:21

已关注


当你处理包含大量信息的产品时——无论是业务 KPI、财务数据还是任何其他类型的指标——你的仪表板就像支柱一样。这是你的用户首先会看到的内容之一。

由于其重要性,你的仪表板设计需要从头到尾都经过深思熟虑。构建仪表板并非易事,它不仅仅是勾勒出你的想法并将其称为一天。设计师需要在每一步都使用基于数据的决策,将用户和产品目标放在首位。


图片



什么是好的仪表板?


在我们进入这些步骤之前,定义仪表板是什么很重要。我最喜欢的定义之一“仪表板是用于监控条件或促进理解的数据的可视化显示。” 这个定义提醒我们让自己站在用户的角度是多么重要。作为设计师,我们有责任了解我们的用户可能想要查看哪些数据以及在哪里可以找到这些数据。精心设计的仪表板将从一开始就使这一切变得非常清晰(且简单!),帮助用户快速做出业务决策。


图片


为了达到这一点,你甚至需要在开始设计过程之前考虑以下事项。


考虑目的和目标

首先,从战略上考虑你的产品。你的用户如何与它互动?他们通常先寻找哪些信息,哪些信息不太重要?设计师职责的很大一部分是调查那些将使用数据的人的真正需求。


需要考虑的一些具体细节是:

  • 仪表板的主要用途是什么?

  • 用户将在哪些设备上访问仪表板?

  • 同一用户将访问仪表板多少次?

  • 典型用户在查看仪表板后会采取哪些操作?

用户研究将帮助你找到这些答案以及更多内容。


图片


选择仪表板设计类型


接下来,考虑你需要的仪表板类型,它需要不同的功能和元素。你可以通过考虑其目的来确定你的仪表板类型:


分析– 分析仪表板具有允许对呈现的数据进行更深入研究的功能。它们通常包括更长的时间段;它们还允许用户下载原始数据以进行下一步分析。

图片


图片

Google Analytics 是分析仪表板的一个很好的例子,因为它提供了长期视图、自定义选项和高级数据可视化。图片来源谷歌。


运营– 运营仪表板更侧重于实时更新。例如,客户支持团队需要访问客户信息和实时更改,例如最近的购买或注册数据的更新。


图片

Jet 的这个示例显示了一个操作仪表板,其中包含有关特定客户订单和信用卡信息的实时数据。图像信用喷气机。


图片


战略性– 更高级别的业务主管可能需要更具战略性的仪表板来突出显示对他们最重要的指标。例如,他们可能希望查看公司关键绩效指标 (KPI) 或目标和关键结果 (OKR) 的每日或每周汇总。这种类型的仪表板应支持多种设备上的显示模式,以便信息可以显示给大型团体,例如在大厅区域或销售团队所在的办公室区域。


图片

分析仪表板 UI 概念。图片来源约翰尼·基罗夫。


图片


选择正确的图表

考虑到整体仪表板设计,接下来你需要确定如何可视化数据。陈旧规定型的企业仪表板设计——以其大胆的颜色、令人惊叹的图表、丰富多彩的阴影和各种微交互——并不总是适用于需要在与该界面交互时做出重要决策的数据分析师的现实生活中。有些图表很容易扭曲基础数据,因此根据意图和目的明智地选择很重要。

这里有些例子:


显示各方之间的关系- 散点图可能很有用,但如果你需要显示具有更多数据维度的集合,请利用气泡图或网络图,如下面的示例图像所示。


图片

短语分析气泡图示例。图片来源Gregory Muryn-Mukha。


比较数据——经典的条形图和柱形图可以很好地完成这项工作。对于你想要同时比较多个参数的特定情况,雷达或极地区域效果很好。


为了突出时间演变——折线图直击要点。一个好的做法是在水平轴上表示时间演变。你还可以使用图标、颜色和线条的简化版本来指示趋势。


图片


展示整体的一部分- 如果你需要展示小团体如何形成更大的集合,但要注意零件的数量,则甜甜圈和饼图是不错的选择。在某个时候,很难区分以这种方式分组的大量内容。一些替代方案是树状图或堆叠列。


图片

树状图仪表板示例。图片来源Jamie Fang。


呈现特定案例——有时使用不太传统的图表是有意义的。例如,许多最近的流行数据可视化都使用热图来显示地理定位数据。由于大多数仪表板包含表格数据,你可以通过添加带有额外文本的卡片或系统中其他点的快捷方式来为仪表板提供更多上下文。


图片

约翰霍普金斯大学 COVID-19 仪表板汇总了来自各种来源的数据,包括世界卫生组织、美国疾病控制与预防中心和欧洲疾病预防与控制中心。图片来源约翰霍普金斯。



设计有效仪表板的 7 个技巧


根据The Visual Display of Quantitative Information 一书的作者 Edward Tufte 的说法,信息显示的卓越性和完整性构成了一个完美的仪表板。确定目标、类型以及如何可视化数据后,请牢记以下仪表板设计原则。


图片


1. 只显示必要的

这听起来很明显,但事实并非如此。挑战在于在我们可以显示的数据和我们应该在仪表板上显示的数据之间找到平衡。就像阿尔伯特·爱因斯坦说的:“不是所有可以计算的东西都可以计算,也不是所有可以计算的东西都可以计算。” 构建所有可能的卡片、图表和过滤器很诱人,但最好在简单方面犯错。如果用户想要查找更多信息,请让他们轻松访问并深入了解你产品的另一个区域中的数据。


2. 不要误导

图表应该说明一组数据的真相。因此,选择正确的信息显示方式对于良好的理解至关重要。请注意光学失真和过度动画,即使使用正确的数据,也会导致注意力不集中的眼睛产生错误的解释。即使选择在水平轴或垂直轴上呈现数据也会影响用户阅读数据的方式。


图片

小心不要误导您的用户;地图上较深的阴影通常是指体积浓度,但左侧的地图则相反。图片来源 Venngage。


3. 揭示上下文

良好的仪表板布局还应具有描述性标题,以帮助分析师快速了解数据。保持强大的命名和图标约定以加强导航过程中的上下文。


4. 促进深入调查

在许多情况下,分析师需要进一步调查信息。通过提供过滤器、面包屑、向下钻取和原始数据导出功能等选项,让他们更容易做到这一点。


图片

过滤器对于帮助用户分析更复杂的数据集至关重要。图片来源凯文杜肯。


5. 有策略地选择颜色

在设计仪表板时,请记住还要牢记基本的设计心理学原则。即使当年的 UI 设计趋势是霓虹色,这也不足以成为将仪表板改造成夜总会的理由。与你的调色板保持一致,并注意设计约束和可访问性等组件。


6. 启用自定义

如果你的用户可以对其进行自定义和个性化,那么你的仪表板会更加有用。但是,与 UX 设计中的任何事情一样,你需要找到仪表板的平衡点。此外,自定义选项不应影响在整个系统中建立的导航模式或视觉一致性。


图片

使用拖放来组织元素的任务管理器概念的示例。图片来源:安东·米哈尔佐夫。


7. 了解信息层次

仪表盘将大量信息集中在一个很小的空间中,因此在元素之间建立清晰的层次关系很重要你可以通过在视觉上平衡相似的信息集以及对次要信息进行分组和细分来做到这一点。排版、元素大小、卡片设计、边框和阴影对于帮助用户理解内容都至关重要。


图片



完成仪表板

当然,这样的项目只有在你完成了用户测试和一些迭代之后才算完成。与那些每天实际使用仪表板的人进行访谈,以了解他们的真正需求,并确保你的最终设计反映了他们的目标。牢记这些提示,你将拥有一个设计良好、有用的仪表板,可帮助你的用户在关键时刻快速做出业务决策。



文章来源:术心

版权声明:【除原创作品外,本平台所使用的文章、图片、视频及音乐属于原权利人所有,因客观原因,或会存在不当使用的情况,如,部分文章或文章部分引用内容未能及时与原作者取得联系,或作者名称及原始出处标注错误等情况,非恶意侵犯原权利人相关权益,敬请相关权利人谅解并与我们联系及时处理,共同维护良好的网络创作环境】

0条评论