设计可访问的仪表板
在为大量受众创建仪表板时,您应该了解如何使可视化分析仪表板更易于访问。
下面是一些可以帮助您设计和构建可访问仪表板的指南。
使用高对比度的颜色并保持一致
- 为图表中的项目提供至少 3:1 的对比度。
对于图表和用户将与之交互的项目中的颜色,请选择与背景颜色的对比度至少为 3:1 的颜色。
- 提供文本对比度,至少为 4.5:1。
对于仪表板中文本元素的颜色,请选择与背景颜色的对比度至少为 4.5:1 的颜色。
- 选择对色觉障碍人士友好的颜色。
对于要比较的彩色项目,请选择对色觉障碍人士友好的颜色。使用对色觉障碍人士友好的调色板,避免同时使用红色和绿色。
- 仪表板中相同类型的图表应保持一致。
如果仪表板中有两个或多个相同类型的图表(如两个饼图),则这些图表应该一致。这意味着它们应该具有相似的设置以及相同的“外观和感觉”。然而,它们不一定必须使用相同的颜色。例如,对于相同类型的图表,将图例放置在同一侧。
- 除了颜色之外,还可以使用其他视觉元素来提供信息。
避免仅依靠颜色来区分图表中的项目。考虑使用不同的尺寸、形状和图案,以便可以将不同的项目区分开来。
使您的内容具有描述性和可读性
- 提供描述性图表标题。
标题应描述图表中的内容,并向用户介绍图表。
- 提供描述性图例。
图表中的图例必须清楚地描述各个值。
- 提供描述性页面标题。
页面标题应描述用户可以在页面上看到的内容。
- 为图表提供替代文本。
所有图表都应该提供替代文本,以帮助看不到或由于其他原因无法理解图表的用户。这应该包括对图表及其用途的描述,以及可能生成的见解。
- 提供仪表板的概述。
包括对整个分析的描述。它的用途是什么,应该如何导航以及用户可以看到什么?
- 使用无衬线字体。
选择无衬线字体,例如 Roboto 或 Arial。避免使用 Times New Roman 等字体,因为这类字体对某些用户来说阅读起来更困难。
- 提供大于 16 像素的文本。
如果可能,请使用至少 16 像素高的文本。如果使用像素较小的文本,则需要使用比上文“使用颜色...”下的步骤 2 中的建议更高的对比度。
最大限度地降低图表和整个仪表板的复杂性
- 提供列表和表格的逻辑结构。
表格和列表的结构应易于导航。使用逻辑结构,例如字母顺序或地理数据的南北顺序。
- 最大限度地降低仪表板中的视觉和导航复杂性。
尽量设计清晰简单的仪表板,以最大程度地降低复杂性。如果要同时查看所有图表,请将它们放在同一页面上并按照要查看的顺序排列。
- 仪表板的构建应当自然流畅。
仪表板的设计需要易于理解并且导航有序。排列应当合理有序,例如,从上到下和从左到右。将重要信息放在仪表板顶部。