17年11月18日,我们举办了一次Data & Design圆桌交流活动。这是一次很特别的活动,从组织形式到内容主题都做了尝试。首先限制了参加的人数,控制在10个人以内,并要求参与的每个人要做个15分钟的分享,以及提一个自己最近关注或困惑的问题。其次在主题上,尝试把数据分析和设计结合起来,探索如何让分析师的作品更美观,让设计师更懂数据产品。

作为一个分析师,虽然我很喜欢美观的可视化报表,但在工作中,我的优先级或顺序会是这样的:
- 需求的沟通和确认
- 取数和指标的定义
- 分析思路和见解
- 选择简单清楚的图表来呈现
- 让整个报表更美观、更清晰、更容易理解
如果时间紧,任务重,我会在第四步停下收工,因为已经能满足业务方的需求了。
后来坚持参加了Makeovermonday(http://www.makeovermonday.co.uk/)的社区可视化活动,开始对数据的可视化之美有了新的认识,虽然在工作中不需要每个分析报表都那么精致,但做为分析师还是要对此有自己的追求和练习,以及与真正关注可视化之美的小伙伴们保持交流,这也是这次活动的一个初衷。
这次活动包括我自己共有六位朋友做了分享,在这儿我也依次介绍下大家的主题和亮点,相关的PPT我会征求完分享者的同意后再发布。
孙运的分享 (来自知达教育)
《数据可视化的美丽旅程》
首先PPT的封面就很美 :)

从数据是什么,到可视化的目的,到可视化的历史:

介绍了不同时代的进步与特点。
以及数据科学模型:

探讨了怎样的可视化才算炫酷?

后边也介绍了中外名家的作品和非常有启发的跨界可视化的视频。
纪杨的分享 (来自知达教育)
《清晰美观的商业仪表盘设计》
业务分析的场景与:新闻可视化、社区可视化比赛会有很大的不同,会更关注:清晰,互动,和业务的呈现上。
最重要的是时刻考虑受众,包括:新入职的同事如何理解公司的数据平台,不同部门的同事如何深入了解和自己相关的报表,以及报表的文档化,如何做自助分析。

在报表的设计过程中,要有规范性,包括排版、颜色、呈现的方式。
比如这是一个DEMO的销售分析报表:

在这个报表中,像:标题,筛选器,图例,备注说明的位置都会有相应的考虑。
像折线图,要避免密密麻麻的标签:

可以考虑做成这样:

突出重点和用平均线来帮助看的了解相关的信息。
更多的内容就不都写出来了,列一下要点:
- 如何用简单的图表呈现更多的信息
- 如何用好公司的主题色
- 配色如何少而精,突出重点
- 时间维度、不同层次的数据如何用一块区域呈现
- 如何从社区、从不同的BI工具中学习和参考
- 中国式报表的实现与可视化
Aislinn的分享
《可视化仪表盘的设计配色指南和工具》
介绍如何用简单的颜色组合也能做出美观漂亮的商业图表,举了谷歌分析色彩搭配的例子,以及如何从:Google Material(https://material.io/guidelines/style/color.html) 的色彩设计中,吸取灵感。也现场演示了如何用Tableau工作簿作为颜色选择器来切换查看不同配色的效果。
感谢Aislinn的分享,你可以从Tableau Public上体验或下载这个工具:
https://public.tableau.com/profile/aislinn#!/vizhome/DataGirls_1/ColorPaletteGenerator


殷乐的分享
《数据可视化流程中的⼏个重要步骤》

作为多才多艺的学霸型人才,殷乐介绍了自己最近在看的一本书中的图表分类和可视化设计的流程。

从明确目标到若⼲关键因素:


到图表的分类与选择:

也介绍了一个很棒的选色工具:
https://coolors.co/
她想和大家交流的是:

高瑞的分享
《数据产品设计那些事儿》
从分析师到产品经理,从日常的报表设计到如何挖掘数据的价值。
高瑞首先介绍了自己的工作经历。

介绍了她对数据产品的理解:

如何从零搭建数据产品体系:

数据产品的趋势和变化:

最后她的问题是:

迟冬祥老师的分享
《另一种表达数据的方式 - 感受声音》
首先是声音的量化表示是否真的合适?60分贝和75分贝差别大吗?

如何用大家更容易理解的方式来感受声音:

看到这幅画时,你的感受是什么?

当声音变小,逐步平静时,你看到的是这样一幅图:


迟老师在现场给大家做了演示,当大家大声讲话和逐渐平静下来时,画面的变化,声音就像雨点打在画布上,画面变得模糊又渐渐地变得清晰,让人从视觉的角度重新感受声音。
小结
这是我们的第一次 Data & Design 尝试,通过这次活动,参与者即有分享也深入讨论了自己的困惑与思考,希望下一次活动时,能有更多朋友的参加,期待你的参加。
希望下次活动时,第一时间得到通知?
你也可以关注我的公众号 :)

网友评论