顶级数据可视化示例和仪表板设计

数据可视化和仪表板设计既是艺术又是科学，并不像最初看起来那样容易创建。 顶级 UX 设计师和视觉设计师如何在不混淆用户的情况下展示复杂的信息？

三种方式：更好地理解良好仪表板设计背后的用户体验原则、卓越图形的应用和实践。

UX 仪表板设计遵循特定原则和最佳实践。 另一方面，图形卓越需要更彻底的检查。

卓越的图形定义为：

• 精心设计且有效地展示有趣的数据。
• 复杂的想法以高效、清晰和精确的方式传达。
• 在小空间内用最少的时间为观众提供最多的想法，并使用最少的墨水。
• 说出数据的真相。

Edward Tufte 的作品是更好地理解卓越图形的绝佳资源。 他被认为是“数据界的达芬奇”，出版了大量著作、书籍和讲座。 David McCandless 创立了 information is beautiful，一个代表数据可视化和图形卓越的网站，是另一个极好的资源。

示例 UX 设计和卓越图形的原则适用于仪表板设计和数据可视化。 以下是一些顶级数据可视化和仪表板设计示例。

顶级数据可视化

拿破仑 1812 年 3 月

Minard 对拿破仑 1812 年进行曲的可视化被认为是“有史以来最好的统计绘图”之一：如果没有卓越的图形应用，就不可能创建像 Minard 所做的那样包含大量信息的可视化。

这个单一的可视化按位置显示了拿破仑部队的数量、部队经历的温度以及部队进出莫斯科的路径。

约翰·斯诺的霍乱地图

约翰·斯诺 1854 年的图形显示了伦敦 13 座公共水井的位置和 578 名霍乱死亡病例，使用垂直于其位置的堆叠条：它易于理解，揭示了数据中的真相，并为用户提供了绘制正确的所需的所有信息关于霍乱死亡的结论。

摇滚音乐史

下图仅代表整个数据可视化的一小部分，显示了 1955 年至 1978 年期间来自 700 多名艺术家的 30 多种音乐风格的一部分。

它不仅代表艺术家和风格，还显示影响、唱片销量、风格类别以及这些结束或继续的地方。 实现这种卓越的图形性能绝非易事。

欧洲人口增长和下降的地方

顶级数据可视化展示了如何以简单、精心设计和真实的方式处理大量数据。 交互式版本中还包含过滤器，可以进行更多数据探索，例如出生率。

标志性名人的日常

这种数据可视化不仅有趣，而且是卓越图形的经典示例。 在一个单一的图形中，我们可以看到对标志性名人的日常习惯、仪式、追求和优先事项的详细描述。

使用简单的颜色编码图表，这种可视化易于理解、简单、有效，最重要的是，信息丰富。

世界语言图形

这个经典的数据可视化描述了地球上存在的语言数量、使用这些语言的地方以及在世界各个角落使用这些语言的人。

如果没有高水平的图形卓越性，就很难以如此优雅的方式显示如此多的数据，而且信息丰富且易于理解。

顶级仪表板设计

要使仪表板被认为是卓越的，它必须满足一组特定的用户体验标准：

• 清晰一致的命名约定
• 数据流和布局优先
• 边距适合可读性
• 数据既不隐藏也不超载
• 易于理解且易于阅读

营销 KPI 仪表板

下面的示例是使复杂的业务信息易于理解的绝佳示例。 内敛的配色让人赏心悦目，单独卡片的使用在眼睛上很柔和。

该仪表板设计出色的原因之一是其数据墨水比。 数据和空间相得益彰。 不是用更多的图表填充屏幕，而是使用带有小标签的单独卡片。 这是一种保持关键信息可用（即，不隐藏它）的巧妙方法，同时为用户提供了一种以他们自己的方式查看它的简单而有指导意义的方式。

条纹仪表板

Stripe 仪表板是仪表板设计最佳实践的绝佳示例。 它很简单，可以回答最相关的用户问题，并且在每张卡中都有近乎完美的边距。

远程医疗仪表板

远程医疗分析以提供大量原始数据而闻名。 将这些数据组织到一个有意义且信息丰富的仪表板中可能是一个挑战。 此示例使用仪表板设计 UX 最佳实践。 边距加倍，信息以问题和答案的形式呈现，数据不会被隐藏。

股票仪表板

由于竞争空间的数据点数量众多，因此很难在单个仪表板上对股票进行概念化。 这个仪表板设计示例成功地实现了干净、简约的外观，所有相关信息都位于前端和中心。

网络受众仪表板

Google Analytics 的仪表板做得很好； 但是，要实现特定目标可能需要进行大量定制。 该仪表板通过提供简单、易于理解、易于阅读和有用的视图，将分析提升到一个新的水平，而不会增加认知负担。

文档管理仪表板

管理文档很困难，但让它们井井有条且易于浏览可能更难。 一个出色的解决方案是这个仪表板，它使事情变得简单、易于理解并且出奇地稀疏。

即使采用极简主义的方法，这个出色的仪表板设计示例也为用户提供了理解和导航文档系统所需的一切。

植物播种天气应用程序 - 移动仪表板

这个移动仪表板信息丰富且易于理解。 面包屑有助于导航，带有通用语言描述的图标有助于创建出色的用户体验设计。

信用卡仪表板 - 移动仪表板

就像银行一样，信用卡仪表板因糟糕的用户体验而臭名昭著，尤其是在移动设备上。 这种移动仪表板设计转向了一个新的方向。 这些信息不仅组织良好，而且易于理解且功能丰富，而且不会让人不知所措。

卓越的数据可视化和仪表板设计需要卓越的图形以及对仪表板设计原则的理解和应用。 如果应用一致，用户将受益于信息丰富的数据可视化和提供高质量用户体验的仪表板。

• • •

进一步阅读 Toptal 设计博客：

• 仪表板设计——注意事项和最佳实践
• 数据可视化——最佳实践和基础
• 从这些数据可视化中获得灵感
• 使用这些仪表板设计灵感升级您的分析