关于bi:如何搭建清晰易懂的数据看板

更多技术交换、求职机会、试用福利，欢送关注字节跳动数据平台微信公众号，回复【1】进入官网交换群

看板 / 仪表盘 /Dashboard 是数据分析后果的出现。用于向读者传播无效的数据信息和业务见解，让数据更清晰直观的展现业务风貌，帮忙读者发现要害指标，晋升决策速度。
因为看板自身承载的价值，搭建一个清晰可用的数据看板显得至关重要。一个设计蹩脚，信息冗余的数据看板不仅无奈传播有用的信息，还可能使数据比本来更难以了解。

前言

在此之前，须要先探讨一个问题：何谓“难看”❓ ❓ ❓
难看能够从两个角度去了解，一是易于了解（Easy to read），即清晰精确的出现指标全貌，让读者无需破费工夫和精力去解读，可能第一工夫读懂数据。二是好看优雅 (Good-looking)，即通过规定又协调的页面，吸引读者注意力尽可能多的停留在看板上。
因而，制作看板的致胜秘诀次要体现在以下三个方面：

讲好故事（Tell a good story）

一个好的数据看板该当可能将数据连贯到业务中，答复查看者的问题。查看者可能在短时间内准确无误的接管并了解数据的业务意义，洞察业务现状。因而一个看板是否胜利的制胜秘诀首先在于看板是否具备一个好的故事线。

摆好数据（Present convincing data）

一个数据看板中通常蕴含十个及以上的图表，图表内又蕴含大量的数据信息，每一个图表该以何种格局出现，每一个数据该以何种单位展现，都是摆好数据须要思考的问题。
随工夫迁徙的销售额稳定用折线图会更活泼，大金额销售额数据的展现加上单位后缀会比间接的数据更直观。因而，摆好数据对晋升数据看板可读性，加强数据信息传递的效率至关重要。

做好设计（Deliver a nice design）

俗话说：人靠衣裳马靠鞍。要想看板一举成名，好设计重中之重！在数据可视化的我的项目中，设计准则备受器重，好设计加持下的数据看板，可能巧用布局和排版，突出看板外围故事线，更疾速地向阅读者传递无效的业务信息，令数据与业务跃然纸上。

内容与构造篇

假如你是某教育产品的分析师，客户胜利主管明天分割你，心愿你能做一个看板帮忙他理解所有线上课程的外围指标，以评估线上课程以后的用户满意度及可能存在的问题。收到这个工作的你，该如何去设计这个看板呢？
阅读者的角色 + 阅读者心愿看到的信息 = 看板
须要讲述的故事具体来讲，分以下两个步骤。

明确看板阅读者角色（who to present）：

不同角色的用户对于数据看板的诉求各有不同，譬如，对于企业高管，更关注外围指标，关注指标和现状之间的差距，关注以后业务次要危险点；而对于业务 leader，更关注利润增长、销售漏斗，关注业务异样体现，心愿可能监控部门员工的外围 KPI 等。不同角色对看板内数据的需要不同，只有明确了谁是指标受众，能力进一步确定看板内的数据内容。

确定出现的数据内容（what to present）：

明确了阅读者角色后，咱们能够通过调研甚至访谈确认数据需要（譬如：须要哪些纬度的哪些指标？），这部分工作不仅体现在看板搭建初期，在看板的运维阶段同样要害，理解到大家想看到什么数据，并联合看板阅读者查阅诉求的更迭，不断更新十分重要。

精雕深层的数据细节（reader stratification）：

每个看板可能存在多个读者，不同用户对于数据颗粒度的要求不同。因为为了撑持阅阅读者更自在的数据摸索，展示数据不同档次的信息，撑持用户自主提取出更深层的信息，看板制作者应适当嵌入上钻下钻、多表联动、图表跳转、智能归因等交互，加强阅读者体验。图表与数据篇当初你曾经确定了看板内的图表素材，但看板看起来仍平铺直叙，图表内的数据读起来仍然吃力。
于是你发现问题可能出在了图表的抉择和数据的出现上，然而怎样才能让数据代表的业务意义活泼平面，跃然纸上呢？选对图表类型，图表信息秒把握：俗话说“一图胜千言”，数据分析看板的出现都是以图表为载体，选对了图表能力更疾速的向阅读者传播准确无误的信息。
但 BI 产品提供的图表品种繁多，利用场景各有不同，咱们该如何抉择图表来展现本人的数据呢？
通常依据须要展现数据的构造，咱们能够将图表分为四大类型：比拟、关系、形成、散布 / 天文。在此基础上，联合数据变量，再判断应用哪种图表类型更适合一些。🏆 一张祖传的宝图赠予你！

在此咱们筹备了产品反对的图表类型及其常见利用场景示例，欢送各位同学品鉴赏玩。

巧用数据配置，数据档次秒通晓选好了图表类型，并不意味着功败垂成。图表题目、单位、图例、标签等都对用户解读数据有较大帮忙，其中尤其是绘图区的数据格式深藏玄机。
产品中提供了以下数据的配置选项，灵便应用这些性能，对于准确展现数据特色，突出数据档次十分有帮忙。数据格式图表内的数据配置是影响读者浏览了解图表信息的外围因素，看板配置者应从以下几个方面兼顾配置，让数据更直观，更醒目。

• 字段名：对于字段名称较易混同、可能表意不清、零碎主动生成的衍生字段等字段名，倡议你通过设置别名或设置字段信息，晋升字段的可读性，升高看板的运维老本。例如将日期批改为出库日期，明确该日期的动作指向；将零碎主动生成的字段显示销售额的差别百分比 -1M 批改为销售额上月同比，令名称更合乎读者浏览习惯。
• 字段值：字段格局的设置也同样至关重要，如 5 亿相比于 5,000,123,345，显著更易了解且误读危险更低。在图表设计中，该当联合数据自身的业务意义，设置单位、格局、配上前后缀。例如对于销售额数据，在后缀处加上单位元、美元；对于增长率，占比等数据，将数据格式设置为百分比等。

  条件格局图标集、色阶和、数据条是常见的条件格局，可在数据中强化视觉效果。应用条件格局，能够更轻松地同时比拟肯定区域内的指标值。

• 图标集：图标集能够更直观地对数据进行分类展现。依据阈值范畴，显示不同的图标，让读者可能疾速对数据依据大小分组。
• 色阶：色阶可帮忙读者更好地理解数据分布状况。设置色阶后，数值将由大到小产生渐变色，对于存在异样值或需定制化色阶的场景，也能够自行配置最大值、最小值。
• 数据条：数据条有助于读者对指标值比大小，也有助于找到较大或较小的数值。数据条越长，值越大；数据条越短，值越小。

• 剖析性能排序、TopN 设置：默认依照哪一项数据排序。利用排序组件将读者高关注的数据突出显示。产品提供的排序功能组件反对对图表的横轴、纵轴及图形中的维度字段进行排序。
• 统计项设置（共计 / 百分比等）：哪些数据进行二次统计。利用统计项排列统计数据，造成明细数据与统计数据的比照，帮忙读者理解数据特色，洞察业务。
• 参考线设置：为了让数据图表更加清晰易懂，通常须要为图表增加例如目标线、控制线、平均线等参考线，辅助剖析工作。
  表格款式表格，因其能清晰地展现大量维度以及指标汇总，备受报表制作者的欢送。但也正因为表格内数据量微小，如何优化表格配置，在展现大量数据同时，突出要害信息显得至关重要。
  在此，简略介绍几个表格款式设计的小技巧。单元格的底色和内容要有肯定的对比性：文字倡议应用与看板色对比拟显明的色彩，同时为帮助用户浏览，可应用斑马纹晋升浏览速度；防止应用深色的、粗线条的边框，防止边框喧宾夺主；对重点关注的数据进行高亮提醒，能够配合条件格局性能应用。

  更多交互配置，自助剖析随心配如何满足不同用户的不同粒度数据的查阅需要，让看板“动”起来呢？
  巧用筛选器和动静维度指标两个性能，晋升看板查看者的剖析自由度。筛选器筛选性能能够帮读者更迅速的筛选图表，并查看所需数据。比方某零售业销售数据看板，对于不同城市的店长来说，他们心愿可能疾速锁定本人所在大区，甚至门店，查看该局部业务的体现数据。在为看板配置筛选器时，应着重关注以下几点：

• 筛选项设置：即哪些维度须要增加筛选，阅读者通常想要从哪些口径对数据进行查问。筛选项的设置须要基于较高的业务了解度能力给出，如果没有什么思路，无妨调研几个业务方，他们或者有答案。

• 默认查问工夫：设置看板默认查问工夫，查看者一进来就能看到最新的数据。其余极其状况思考：数据极限值去除，工夫范畴限定，取数为空时的解决等等，这类数据须要联合业务场景，进行排除或转化。
  动静维度指标同一指标想从多个维度自在剖析？某个维度口径下想看看多个指标的体现？不同同学可能在意的指标不同，一个一个绘图低效又占地？此时能够尝试动静维度 / 动静指标性能，用筛选的形式切换剖析维度和指标，以满足不同查看者对不同维度 / 指标剖析需要。

  设计与排版篇

  同样的看板，为什么他人做的比我酷炫吸睛；同样的数据，为什么他人看起来逼格够高？相似这样的问题同学你是否也曾思考过？在设计畛域，有一个认知负荷的概念，它代表作品内无效信息传递给读者所须要的老本。
  一个优良的可视化作品，可能疾速在剔除冗余的图表信息，在短时将足量信息通过视觉通道输送至读者大脑，实现数据传递。
  本章节将重点介绍设计、排版以及图示配色等常见数据分析优化思路。根底设计准则比照（Contract）：通过比照突出差别。常见的比照形态比照、大小比照、色彩比照。

  反复（Repeatation）：通过反复实现看板内组件的对立，加强视觉效果。常见的反复有页面内图标的反复、页面内图表的反复、页面间构造的反复。

  对齐（Alignment）：通过对齐，使元素间对立、有分割且彼此关系更清晰。常见的对齐形式有居左对齐、居中对齐、居右对齐。通常不倡议防止在同一页面上混合应用多种对齐形式。

  📚 📚 📚 在仪表盘编辑页面内，当拖动组件时，零碎会主动显示对齐线哦～快去拖拖看！

• 密切（Proximity）：通过将图表组件分组，将相近元素凑近摆放，将不同元素远离摆放，在视觉上疏导用户元素间的密切差别。利用亲密性准则，通过将对立层级元素简略地分在一组，通过色彩、背景、配置等实现拆散，视觉上就会主动分组。
  常见排版设计排版作为平面设计中的一种具体的伎俩，其本质是对于画面中元素的关系的解决。画面中的元素包含构图，色彩，字体等等。关系，则指的是它们之间的间隔，大小面积，色调搭配等等。胜利的排版设计，可能充沛调用设计准则，均衡元素和元素间的关系，升高读者的认知负荷，晋升作品的可读性。在数据分析看板中常见的排版布局有以下两种。容器排版法将内容相干的元素整合在一起，在元素底部增加“容器”，并调整格局。容器排版法首先须要明确元素之间的相关性，而后依照“亲热疏离”的准则，将相干的元素放到一起，不相干的元素相互远离。通过切割拆散排版，让页面变得更加直观、清晰。页面编排板块化，构造清晰，会显得整个排版灵便优雅。

  📚 📚 📚 在仪表盘编辑中，应用文本组件并将背景色彩的透明度调低，就能够实现上图的蒙版成果哦。

  分屏排版法应用色块将背景划分为 N 个子屏，每一屏都是一个容器，都能够用来承载一种信息。
  分屏布局有两个作用：
  1. 从模式上实现信息的模块化表白，加重观众认知负荷。
  2. 大幅晋升画面的图版率，加强画面的视觉效果。
  分屏排版通常能够联合容器排版一起实现，通过背景色块实现分屏成果。另外，用户也能够通过分割线，色彩比照、以及 tab 页 /sheet 页等产品性能达成分屏。
  图标与色彩仪表盘好不好看，高不高端，分晓通常就在这里！精美的图示让仪表盘更加粗劣，出彩的配色更是让仪表盘平面丰盛。图标一个仪表盘内通常蕴含各式图表、大量的数字及文字，宏大的信息量很容易让客户失焦。
  而亮色图标则是吸引客户注意力的点睛之笔。正当使用图标的使用会大大缩短用户的了解老本，进步浏览效率。谋求极致的分析师们，当然也须要一些些图标，让仪表盘于细微处见真章。试试在在模板内加上公司的 logo、部门的 slogan 吧，打造一款独特、惊艳的看板！
  色调图表色彩应与整体配色非亲非故。当看板抉择深色背景后，高饱和度的图表会更加出彩。另外，很多图表在细节上能够依附突变让画面更丰盛，文字的暗影细节也会让整体的视觉质感更好。
  一个协调正当的配色可能帮忙看板更好的讲述故事。例如：剖析销售额同环比变动时，你能够应用对立的红绿配色，别离代表了销售额的上涨和上涨。配色基本知识：

• 通用配色计划：主色 + 辅色 + 装点色 主色（通常占 75%）主色（通常占 50%）整幅作品的次要色调，影响整个看板出现的感官印象；辅色（通常占 20%）帮忙主色建设更残缺的形象，使看板谐和或活跃；装点色（通常占 5%）牵引和揭示特定内容，突出重点。
• 配色步骤：依据内容确定配色计划；依据主题确定主色、辅色及装点色；尽量不超过四种配色。
• 主色出现形式：面积大，且纯度高；虽面积稍小，但画面中一眼可见的最突出的色调；也能够是双主色。
• 辅助色的使用：可应用主色的同类色，使画面对立谐和。也可应用主色的对比色，使画面活跃稳固。
• 装点色的特点：呈现次数多；色彩跳跃；与其余色彩反差大，可能突出重点。

  📚 📚 📚 仪表盘编辑反对用户自行输出 RGBA 精准调色哦～🎓

写在最初

难看的皮囊千篇一律，乏味的灵魂凤毛麟角。数据分析的看板的制作也类似，故事讲得好是外围第一要义，因而做好的看板记得收集下一线读者的反馈，一直迭代哦～

如果你想要疾速学会搭建一个条理清晰难看的仪表盘，赶快来退出咱们的学习课程，一起提高吧～60 分钟疾速入门智能数据洞察产品 30 天收费应用机会，点击开明，开明手册实现学习获取字节专属结课证书和精美大礼包体系化知识点梳理，学会从 0 开始入门 BI 工具具体教学领导，手把手教你实现如下业务销售剖析报告报名参加地址：https://www.wjx.cn/vm/tMcfNx9…