原文地址:https://medium.muz.li/10-rules-of-dashboard-design-f1a4123028a2
翻译:阿晴
转载请注明原文及翻译的出处!感谢。
目录:
1.层次结构
2.简单性
3.一致性
4.邻近5.对齐
6.空格
7.颜色
8.字体
9.数字格式
10.标签
仪表板设计为何重要?
仪表板是信息的直观表示。其目的是为用户提供易于理解的格式呈现复杂的信息。
可用的仪表板应为:
清晰:良好的仪表板可以清晰显示所需信息。当用户查看仪表板时,他应该能够在前5秒钟内获得仪表板的作用。他不需要在这里呆几分钟就可以了解仪表板的用途。
有意义:可用的仪表板包含有意义的信息。有意义的信息描述了设计人员希望使用此仪表板传达的内容。仪表板视觉效果背后的故事应为用户所理解。
一致:出色的仪表板以一致的格式显示信息。需要注意其布局,组织和内容的一致性。
简单:复杂的仪表板无法实现其存在的目的,即以简单的形式显示复杂的信息。如果视觉上呈现信息并不简单,则仪表板设计存在问题。
如何设计仪表盘?
仪表板设计最重要的步骤是了解要为其创建仪表板的受众以及它将为他们提供什么价值。了解他们的理解的背景和水平将帮助您创建对他们有价值的设计。
在了解你的听众的同时,有必要了解听众感兴趣的数据类型。
关注观众的需求可以更轻松地产生他们希望使用的结果。
你的受众级别可能会在一级和另一级之间变化。这是一个挑战性的点,与其他任何设计项目一样,你可以细分受众并将信息相应地分为基本内容和高级内容。
选择正确的指标(KPI)是为受众群体设计有意义的仪表板的另一个关键要素。有多种方法可以在仪表板中表示一组信息。但是,选择正确的指标是设计可用仪表板的关键步骤。这也与你的受众偏好有关,他们希望看到什么样的信息。
根据需要设计仪表板——为不同的业务使用不同类型的仪表板。
以下是为受众群体设计仪表盘时要考虑的一些重要规则:
仪表板设计的10条规则
1.层次结构
在设计仪表板时,一个非常常见的错误就是将所有信息都呈现出来,就像它同样重要一样。使用内容窗口小部件的大小和位置显示数据的层次结构。
●通过定义信息级别,向观众表明最重要的是什么。
●在左上方显示更多重要信息。信息从上至下从不太重要的方向移至右下角。
●也可以将信息分为几类,并以不同的视图显示它们。
2.简单性
仪表板的真正目的是以易于理解和简单的形式显示复杂的信息。
●不要提供很多用户难以吸收的信息。
●使用较少的列来显示信息。
●通过删除多余的内容来减少混乱。
3.一致性
使用一致的布局设计仪表盘时,它看起来会更好。
●为了使仪表板更易于阅读,请在组之间使用类似的可视化效果和布局。
●使相关信息彼此靠近。
●对相关内容进行可视化分组。
4.邻近
在仪表板中一起显示相关信息将帮助用户快速理解它。
●使相关信息彼此靠近。
●不要在仪表板上散布相关信息。
●对相关内容进行可视化分组。
5.对齐
仪表板的元素需要在视觉上对齐以使其具有平衡的外观。
●请将仪表板元素彼此对齐以更好地组织。
●尝试将仪表板小部件放置在“网格”视图中。
●未对齐的视图不会给用户带来良好的影响。
6.空格
设计时要像呼吸一样需要空格。当用户使用你的设计时,它为用户提供了喘息的空间。
●当用户来查看信息时,仪表板设计中的空白会吸引用户。
●减少空格会使视图混乱,使用户不知所措。
●使用空格可以直观地对相关信息进行分组。
7.颜色
使用有效的配色方案来吸引用户的注意力,并帮助他们轻松浏览信息。
●仔细选择颜色以使内容可读。
●使用最大对比度以在背景上正确显示视觉元素。
8.字体
除非特别需要使用其他字体,否则标准字体是在仪表板上显示的最佳字体。
●使用标准字体,因为它们更易于阅读和扫描。
●不寻常和时尚的字体在外观上可能看起来不错,但很难理解。
●避免使用全大写字母的文本,因为它难以阅读并且人的大脑需要时间来吸收它
●使用合适的字体大小和样式可以有效地传达信息。
9.数字格式
由于显示的数字精度超出要求,因此难以阅读和理解。
●必要时要舍入数字,因为长数字可能会使用户感到困惑。
●截断不必要的信息。
●使用户更容易比较简单的细节。
10.标签
使用可以将所需信息快速有效地传达给用户的标签。
●避免使用旋转标签,因为旋转标签对于用户而言很难阅读。
●尽可能使用标准缩写。
结论
仪表板旨在节省时间和精力,以更简单的方式表示复杂和抽象的数据。仪表板的目的是以听众可以理解的方式向他们传达关键信息。确保提供您的受众需要的内容,然后他们需要信息。