echarts 仪表盘 文字位置_商业仪表盘设计原则

本文介绍了商业仪表盘设计的关键原则,包括明确场景、突出关键指标、对比分析、简洁配色、提供概述与细节以及支持快速阅读的布局。通过Echarts实例,探讨了文字位置在仪表盘设计中的重要性,强调了数据可视化在揭示数据关系和趋势中的作用。
摘要由CSDN通过智能技术生成

众所周知,图能展示出表格以及一些统计方法无法展示出来的东西。把数据可视化做成仪表盘,可通过视觉系统不可思议的力量来发现数据间存在着的关系和趋势。

数据仪表盘应该怎样做?怎样算上一份合格的仪表盘?正好看到数据群里有人在读《商业仪表盘 可视化解决方案》一书,于是果断买来取经。

92e98d5009a2962f5b81a947f853285d.png

本书包含3个部分:

第一部分,基础知识。

这部分涵盖了数据可视化的基础知识,并提供了可迅速掌握的基础元素,这些元素提供了探索和理解情境所需的词汇。比如,我们可通过颜色、大小、位置来呈现我们想表达的信息。

第二部分,情境案例。

这是本书的核心,作者描述了20几种不同的商业情境,通过一个仪表盘来解决在这些情境中遇到的问题。

作者会先放上一个仪表盘,然后针对这个仪表盘进行分析:①阐述仪表盘的使用场景;②用户如何使用仪表盘;③仪表盘这样设计为何好用?

第三部分,在现实生活中取得成功。

作者对一些特殊情况做的补充说明。

着重阅读了作者提供的案例,总结了作者在此过程中的一些原则。

仪表盘设计原则

1 仪表盘必须有明确的场景

每一个仪表盘案例,作者会首先阐述使用人、目标以及想要了解的信息。有了使用场景,数据的分析与呈现才会变得有意义和生命。常见的场景有,追踪目标完成情况、实时监控等。

10121b5840488f4da6242ab2ce76ebfb.png

2 易于查看关键指标并放在显著位置

将关键指标列为文本并将其放在显著位置,阅读者可以快速准确地找到他们需要查看的文字。

当我们打开网页或者仪表盘的时候,第一眼会看哪里?最可能是左手边,可将关键信息放在此位置,如下图所示左侧部分。

408d76acb431586733985b3af67f9992.png

3 无对比不分析

没有对比就没有伤害,没有对比就看不出差距。所以,数据分析中,“无对比不分析”。当前数据也只有和目标比、同期比才能看出指标的完成情况。

如下图,本季度与去年的对比。

5a9e087863e9b37768658bacb359f336.png

如下图,与目标的对比。

833a7515f287dd10380e101c354073fa.png

4 简单的配色方案

一个仪表盘最好不要超过三种颜色。

将最新的数据用最鲜艳的色彩表示,让用户把注意力集中与该值,更早周期的数值可以用淡一点的颜色表示。

如下图所示,3.20日数据用鲜红色表示,更早周期数据用淡粉色表示。

feb2c02388f37b49f4c1cb12f554b2b3.png

5 提供概述和细节

基本上在仪表盘的上半部分提供了关键指标以及随时间推移的细节变化,下半部分可提供比较详细的内容来进一步分析。

7769a5a1acdef757760da3004c79a68e.png

6 页面展现上支持快速阅读的布局

仪表盘的布局可采用格式塔设计原理,有限组织不同方面的思路,便于分组和快速扫描。

42cdcbde1786d64af42b9f1cff991067.png

说明,格式塔设计原理,比如:接近性、相似性、闭合性、连续性、简单性、图形和背景。

有兴趣的读者可进一步阅读本书了解细节。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值