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

本文概述

• 顶级数据可视化
• 顶级仪表板设计

数据可视化和仪表板设计既是艺术又是科学, 并且创建起来并不像它们最初看起来的那么容易。顶级UX设计人员和视觉设计人员如何在不混淆用户的情况下说明复杂的信息？

三种方式：更好地了解良好的仪表板设计背后的UX原理, 卓越的图形应用和实践。

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

数据可视化和仪表板设计最佳实践为用户提供了一种有效且有趣的方式, 以更好地查看和理解复杂的想法。 (运动)

卓越的图形定义为：

• 经过精心设计且高效的有趣数据表示。
• 复杂的想法可以高效, 清晰和精确地进行交流。
• 在最小的空间内, 用最少的墨水为观众提供最多数量的想法, 所需的时间最少。
• 说实话数据。

爱德华·塔夫特(Edward Tufte)的作品是一个很好的资源, 可以更好地理解图形的卓越性。他被认为是”达芬奇数据”, 并出版了大量著作, 书籍和讲座。创立信息的David McCandless非常漂亮, 这是一个代表最佳数据可视化和卓越图形的网站, 是另一个极好的资源。

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

顶级数据可视化

拿破仑1812年3月

Minard对拿破仑1812年3月游行的可视化被认为是”有史以来最好的统计图”之一：如果不使用卓越的图形技术, 就不可能创建具有Minard所做的尽可能多的信息的可视化。

单一的可视化图像按位置显示拿破仑的部队人数, 部队经历的温度以及部队往返莫斯科的路线。

拿破仑(Napoleon)1812年3月是查尔斯·米纳德(Charles Minard)自1861年以来最伟大的可视化作品之一, 利用卓越的图形效果显示了数千个数据点。

约翰·斯诺的霍乱地图

约翰·斯诺(John Snow)1854年的图形使用垂直于其位置的堆叠条形图显示了伦敦13口公共井的位置和578例霍乱的死亡：易于理解, 揭示了数据的真实性, 并为用户提供了绘制适当标线所需的所有信息。关于霍乱死亡的结论。

John Snow的数据可视化是用多个数据点讲故事并使故事保持吸引力和可理解性的最佳示例之一。

摇滚音乐史

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

它不仅代表艺术家和风格, 而且还显示影响力, 唱片销量, 风格类别以及这些影响的结束或延续位置。实现这种图形上的卓越绝非易事。

数据可视化的好处之一是以易于理解和有益的方式显示高度复杂的信息。

欧洲人口在哪里增长和下降

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

数据可视化显示具有数千个复杂数据点的卓越图形效果。

标志性名人的日常活动

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

使用简单的颜色编码图表, 此可视化文件易于理解, 简单, 有效, 尤其是提供信息。

数据可视化显示了多个数据点, 而不会使用户不知所措。 (Podio)

世界语言图形

这种经典的数据可视化描述了地球上存在的多种语言, 说的语言以及在世界上各个地方讲这些语言的人。

没有高水平的图形处理能力, 就很难以如此优雅的方式来显示这么多数据, 这种方式既有用又易于理解。

标志性的数据可视化以优雅且易于理解的方式显示了数千个数据点。

顶级仪表板设计

要将仪表板视为高级仪表板, 它必须满足一组特定的UX标准：

• 清晰一致的命名约定
• 优先处理数据流和布局
• 保证金适合于可读性
• 数据既不隐藏也不过载
• 易懂易读

营销KPI仪表板

下面的示例是使复杂的业务信息易于理解的绝佳示例。受限的配色方案令人愉悦, 并且使用单独的卡片对眼睛来说很柔和。

该仪表板之所以设计出色, 其原因之一是其数据墨水比。数据和空间是相辅相成的。不用在屏幕上显示更多图表, 而是使用带有小标签的单独卡片。这是一种使关键信息保持可用(即不隐藏信息)的巧妙方法, 同时为用户提供了一种以自己的方式查看信息的简便且有启发性的方式。

稀疏的颜色和显示与用户相关的信息是良好的仪表板设计的原则。 (Artyom Sokolov)

条纹仪表板

Stripe仪表板是仪表板设计最佳实践的一个很好的例子。很简单, 可以回答最相关的用户问题, 每张卡的边距几乎完美。

Stripe仪表板以一种易于用户快速, 轻松地查看和理解的方式显示了出色的数据可视化显示。 (MichaëlVillar)

远程医疗仪表板

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

此仪表板设计遵循良好的数据可视化最佳做法：宽裕的边距, 平衡的布局和良好的色彩对比度, 所有这些都有助于有效地解释数据。

库存仪表板

由于争夺空间的数据点数量众多, 很难在单个仪表板上概念化库存。该仪表板设计示例已设法在所有相关信息的正面和中央实现了简洁, 简洁的外观。

一个股票仪表板, 以简化但信息丰富的方式显示大量数据点和复杂信息。 (WhiteonWhite Digital)

网络受众仪表板

Google Analytics(分析)在其仪表板方面做得很好。但是, 要实现特定目标可能需要大量定制。该仪表板通过提供简单, 易于理解, 易于阅读和有用的视图, 而又不增加认知负担的方式, 将分析提高到了一个新的水平。

仪表板设计示例以周到的方式显示了网络分析, 并与用户最想看到的内容保持一致。

文档管理仪表板

管理文档非常困难, 但要使文档井井有条, 易于浏览, 就更难了。这个仪表板是一个很好的解决方案, 它可以使事情变得简单, 易懂且稀疏。

即使采用最低限度的方法, 该出色的仪表板设计示例也为用户提供了他们所需的一切, 以帮助他们理解和浏览文档系统。

一个出色的仪表板设计示例, 它以最小的方式处理复杂的文档系统。 (Jan Losert)

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

该移动仪表板内容丰富且易于理解。面包屑有助于导航, 带有公共语言描述的图标有助于创建出色的UX设计。

一个植物播种天气应用程序, 它提供了一个不会出现”图表垃圾”的混乱的移动仪表板。 (Tomasz Zych)

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

就像银行业一样, 信用卡仪表板因不良的UX而臭名昭著, 尤其是在移动设备上。这种移动仪表板设计朝着新的方向发展。这些信息不仅组织合理, 而且易于理解且功能丰富, 不会让人感到不知所措。

除非将UX原理与数据可视化最佳实践一起应用, 否则信用卡和银行仪表板非常复杂。 (拉吉·拉尔)

出色的数据可视化和仪表板设计需要卓越的图形效果以及对仪表板设计原理的理解和应用。如果应用得当, 用户将受益于内容丰富的数据可视化和可提供高质量用户体验的仪表板。

• • •

在srcmini设计博客上进一步阅读：

• 仪表板设计–注意事项和最佳实践
• 数据可视化–最佳实践和基础
• 这些数据可视化启发
• 这些仪表盘设计灵感可升级你的分析
• 移动仪表板设计和交互– Flinto教程