.hd-box .hd-fr

满是数据的表格页 PPT,如何展示更清晰易读?

2022-10-19 12:35Slidecent(林利蒙)16评

今天又迎来了喜闻乐见的《极限挑战》栏目,又名粉丝改稿。

不得不说,我现在收到粉丝投稿都略带惶恐。因为每次稿件都是地狱级别!这次也不例外,让我们直接请上第三位极限挑战的嘉宾!

先来看看他的需求:

不知道你看完是什么感觉,反正我当时人都傻了!读了好几遍都没看太懂。于是我慎重的打开了这份名为《被数据表占满的 PPT》文件:

页面弹出的那一刻,直接一个卧槽,这是投错稿了吧,咱这里不接 Excel 的活啊!

当我缓过神来才意识到,咱们的栏目是《极限挑战》啊!这很符合情理啊!

于是,我开启了这个副本,就有了下面这段难忘的经历。

在这三页中,我选择了内容量适中的一页:

既有挑战又方便讲解,因为表格设计的思路都是类似的。

结合源文件,整理下设计需求:

这是一份用于工作汇报的 PPT。展示的是不同机构在各个维度的表现,并根据达成率来评判机构的达成情况、坏账情况等。

设计目标:希望让表格更易读。

如果是你面对这份挑战,会如何设计呢?

好,时间到。我想你大概率是这么想的:这页样式很单调,我要加入精美的图片,或者切换高级的设计风格来让它变得更美!

如果你也是这样,那恭喜你发现宝藏!这篇文章不止于美化,而是可以帮你解决实际问题。

01.初级美化

下面来分享下我的设计思路。

目前的表格样式确实很单调,主要原因在于缺少层次对比,因此可以给表头填充一个颜色:

色块可以丰富页面层次感,不再那么单薄,同时也便于区分数据和表头,可读性更强。

接着观察各列的数据,有没有发现一个问题:由于数据长短不一,还有小数点,很难一眼看出相对大小。

在这分享个小技巧,将数据统一右对齐:

数据有了统一的位置发起点,根据数据的长短,就可以清晰的识别大小关系。(PS,记得给图表中的销售额加上单位噢)

当繁杂的数据与各种边框线交织在一起,略显拥挤。去除纵向分割线,让表格更清爽:

至此,表格的初级美化就完成了,接下来要思考如何解决实际问题。

02.深度思考

目前的问题在于:表格仍旧是很多数据,它们只是罗列在那里,没有重点,很难一眼看出机构的好坏,因此要对数据进行分类。

这一步并不复杂。人为规定一个统一的标准(比如达成率高于 60% 为合格,低于 60% 为坏账),然后在 60% 位置处画条红线区隔:

简单的一步操作就可以解决“好”与“坏”的区分问题,这就是有用的设计,正常情况下,做到这一步就足够了。

但是呢,仔细观察达成率数值,会发现即使是达标的机构,跨度仍然很大。有的机构甚至超过了 100%,而有的则濒临 60%,非常危险。

所以我建议做更细化的调整:对超额完成的予以表彰,而临近 60 的作处警示。如果是你会采用什么方式呈现呢?建议思考几秒钟再往下看

在这,我直接给出我的解决方案 —— 打灯:

将达成率分为 4 档。

超额完成(>100%)

已达标(70%-100%)

有风险(60%-69%)

未达标(<60%)

相比于枯燥的数据,颜色更为直观,可以一眼识别机构目前所处的状态。

同时,我建议丰富下标题的写法,用一个带有观点的句子来说名这页的核心论点。如 XX 机构超额完成,而 XX 等机构未达标,需加强重视等。总之要提供给读者一个明确的观点。

最后再添加亿点细节,提升设计感:

注意,我没有插入任何精美的配图或者颜色鲜艳的色块,因为那样只会干扰读者的注意力,在日常汇报场合,不建议太花哨。

而且采用这种素雅的设计还有一个好处,就是当你想凸显某项数值时,只需简单修改文字配色,即可起到凸显的作用:

来看下前后效果对比:

你觉得可以打几分呢?PS 其实我最初有考虑过用地图标点的形式来分析各机构所在区位的达标情况,但由于数据量不够多,且没有明显规律,所以放弃了。

回看整个过程会发现,每一步设计都是围绕可读性展开的(数字右对齐、画分割线、打灯等),而不是纯粹追求所谓的美观。

毕竟工作汇报,重要的还是内容。不然辛苦做了几页“海报级设计“,不仅受众看不到重点信息,还特别费时间,这就有点本末倒置了。

当然看到这,有人会问这么多数,为什么不直接做成图表呢?答案很简单,数据系列过多,且单位不统一,当多个表放在同一页时反而不利于阅读。

本文来自微信公众号:Slidecent (ID:Slidecent),作者:林利蒙

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。

下载IT之家APP,分享赚金币换豪礼
相关文章
大家都在买广告
热门评论
查看更多评论