Dashboard设计

23条原则

https://www.datapine.com/blog/dashboard-design-principles-and-best-practices/

10条原则

https://realmonkey.co/web-design/principles-of-effective-dashboard-design/

整理汇总一些仪表盘设计的方法论

一、整体方向

1. First thing is the audience / users

  • 一个仪表盘不只是数据的堆砌,而是信息的传达和让用户可以用仪表盘中的数据去回答问题。例如,当前的用户数为2000,是没有意义的,但是加上渠道这个维度,就变得有意义了。
  • 所以,在一个仪表盘设计的最初,在接触任何数据之前,应该先确认: 谁将使用这个仪表盘?用户最大的目的是什么?什么信息对他们来说帮助是最大的?
  • 并在之后仪表盘的设计中,仪表盘的UI设计要始终围绕着这些问题的答案,而不是淹没在数据和图表的海洋中。

2. Determine your goal KPI and choose relevant KPIs

  • 仪表盘的每一页都为一个问题服务。找到目标,需要回答好这两个问题:这一页仪表盘的数据,回答的是哪个业务问题?是为什么目标服务?
    为了准确做好这一步,需要去考虑哪些指标和数据集,对这个仪表盘的目标是有价值的。可以尝试回答类似的问题:究竟需要衡量什么? 谁会衡量它? 待测量的时间间隔是多少? 从而找到正确的方向。

  • 一旦确定了最终目标并考虑了目标受众,接下来就是确定指标体系,你的指标体系将帮助塑造仪表板的方向,因为这些指标将根据业务特定领域显示相关见解。

3. Storytelling

  • 在确定好受众、目标、指标体系后,我们需要确定的是,用一个什么样的过程,去把这些数据联系到一起,实现一个故事的叙述流程。一个完整的数据故事,需要达到:把指标恰当地组合在一起、让观者一目了然的知道发生了什么、对信息进行优先级排序。

  • (1) 确定线索:任何好的故事,线索都应该是清晰的,问题都可以被人关注到的。在设计仪表盘之前,先屡清楚这条线索,这个线索可以是:试图解释公式面临的现状、或另一种情景。

  • (2) 确定角色:故事中的角色为故事赋予了灵魂。在数据中,则是各种指标。这些个在故事之中,一起合作去把这个故事讲清楚,各个指标之间,哪些是主角,哪些是配角,出场顺序是怎么样的,都需要去设计和编排。

4. 总结

在第一部分,仪表盘的整体设计步骤应该是: 用户群体→目标→指标体系→故事线

在仪表盘的目的上,可以大致分类为:战略层面的、运营层面的、专注分析的、专注平台的、专注追踪的。

二、图表布局

1. Right type of chart

数据可视化是仪表盘中不可以缺少,且至关重要的一步,当准备好了数据、指标和思路。下一步就是要把数据,一个一个的进行可视化。

根据可视化的目的,可以把图表分为四个类别,分别是:关系,分布,组成和比较。


常见图表

在选择合适的图表时要注意:你想要的表达和展示的是什么、尽量选择简单的图表,过于新颖复杂的图表需要额外的时间去思考理解。

2. The logic layout

好的设计师使用“倒金字塔”布局来确定每条数据的放置。 最重要的数据应放在仪表板上的突出位置。 在包括最重要的数据之后,以逻辑顺序显示剩余信息。 典型的布局以屏幕顶部的最重要数据启动。 中间部分保留用于趋势,而颗粒细节放置在仪表板的底部。

用户可以快速查看页面顶部的重要见解。 然后,它们可以向下滚动以分析趋势,为顶部的见解提供上下文。 想要深入了解详细信息的用户可以向下滚动到页面底部以支持数据。

倒金字塔布局

三、设计原则

1. Simplicity and Minilism: Less is more /

据认知心理学研究,人类大脑一次只能理解7张图像左右,因此可视化对象范围应在不超过9个。如果超过9张图片,就会很容易形成视觉噪音和杂乱的感觉,从而减少仪表盘的价值。

因此,应尽量简化,避免视觉杂乱。

尽量对数据进行四舍五入,取小数点,或者使用单位

2. Be consistent with format

仪表盘上的元素,除了可视化对象外,还有很多:标题、目录、字体、目录、字号、切片器等

在仪表盘上可以多留白

四、总结

什么是一个好的仪表板?一个高效的数据仪表板,应该有亮点,同时也很均衡,精明但简单,可访问,用户友好,并针对您的目标以及您的观众量身定制。以上所有仪表板设计提示都形成了一种很紧密的过程,可以帮助您生成可视化,这些过程将指数呈指数级增强数据分析的努力。此外,仪表板设计应该是您的商业智能(BI)技能的亮点。(the cherry on top of (the cake) )

您创建的每个仪表板都应为一个聚焦的用户组,具有帮助用户利用商业决策过程的特定目标,并将数字见解变为积极的战略行为。

只有信息是可以促进操作的时候,信息才是有价值的。基于这一原则,最终用户是否可以使用仪表板服务的信息,用以增强业务内的个人目标、个人角色和运营活动,是至关重要的。

仅通过使用这些最佳和最平衡的仪表板设计原则,确保组织中的每个人都可以轻松地识别关键信息,这将加速业务的增长、开发和演变。这意味着一个更大的受众,更大的受众和更多的利润,成功业务的关键成分。

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

推荐阅读更多精彩内容