仪表板设计的10条规则

原文地址: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.标签

使用可以将所需信息快速有效地传达给用户的标签。

避免使用旋转标签,因为旋转标签对于用户而言很难阅读。

尽可能使用标准缩写。

避免旋转标签


结论

仪表板旨在节省时间和精力,以更简单的方式表示复杂和抽象的数据。仪表板的目的是以听众可以理解的方式向他们传达关键信息。确保提供您的受众需要的内容,然后他们需要信息。

更多文章:

信息可视化:正确设置仪表盘

更好的仪表板设计的10条规则

仪表板设计-注意事项和最佳做法

仪表板设计的黄金法则

如何设计和构建出色的仪表板

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349