遇见大数据可视化 : 【云图】让数据可见
https://cloud.tencent.com/developer/article/1006263
今天,即使你不熟悉云计算,大数据是什么。但是这些词汇已经充斥在我们的身边。我们被超负荷的信息和过多的数据折磨。谁没被定义成数字?——当我们存在于各种庞大而复杂的社交关系中,我们被各种各样的标签或者数字去定义。的确,数据是评估市场趋势和广告效果的有效途径,数据是帮助我们了解消费者行为的直接选择。我们被一推1和0所标记,毫无尊严的变成一个数字时,人们看到是一堆堆数字,而我们看到是一个个鲜活的你。云图,让数据可见。
起因
所在的FT一直在做数据库和大数据相关的业务,都是和数据相关。那作为设计团队,我们一直在思考怎么“用视觉的方式去思考数据”。于是我们做一系列关于数据可视化的案例,地铁人流量、扶贫指数、安全指数等等。也总结了一些关于大数据可视化的文章《遇见大数据可视化 - 基础研究》,《遇见大数据可视化 - 来做一个数据可视化报表》,《遇见大数据可视化 – 图表的视觉系统感知》,《遇见大数据可视化 – 人人都能做数据可视化》等等。
![](https://img2018.cnblogs.com/blog/48590/201905/48590-20190516153234455-643523578.png)
但是随着案例的增多,我们设想的制作周期会大幅下降的情况并没有出现。每个案例从脑暴、设计、数据、开发都需要1-2个月的时间,而且都需要产品、设计、开发都许多同学的参与的,非常耗时耗力的。
但另一方面,团队之前写的【遇见大数据可视化】的系列文章发出去后,被很多同学纷纷找上来询问如何做数据可视化,其实大家对数据展示的需求是越来越多的。
于是我们开始思考是不是可以做一个工具,可以方便的让用户快速的去做一些数据可视化的展示。无需编程,拖拽即可生成数据可视化展示。
前期思考
在项目开始之前,我们首先梳理出有那些人群会对数据可视化的工具有需求的。通过整理RTX询问同学的岗位分组,和联合产品经理对外部人员的需求询问。我们发现了一个很重要的信息,很多用户而然听说过数据可视化,也能理解理解数据可视化的好处,但是对于复杂数据如何去做展示就无从下手了。
虽然我知道这东西好,但是做不来的。
所以对于云图的第一期版本,我们更需要告诉用户最终的数据可视化的呈现是什么。让他们先看的成果,然后再促使他们去尝试。
我们改变了传统数据图表的制作流程,在Excel等图表工具中流程都是先框选出要展示的数据,然后根据数据在图表库中选择对应的图表,最后图表呈现出来。
![](https://img2018.cnblogs.com/blog/48590/201905/48590-20190516153301030-104568395.png)
为了能让用户尽可能多的去尝试做可视化设计,我们去掉了前两个步骤,然后用户直接可以把他想要的图表拖出来,无需去更多的关注纠结于数据和其他选择上面去。
![](https://img2018.cnblogs.com/blog/48590/201905/48590-20190516153312982-1199462040.png)
于是乎,我们将云图一期的期望需求进行精简提炼,找到当前产品的核心目标:简单、拖拽、高参数、模板化的数据可视化工具。明确的产品目标能指引我们不偏离大方向,在什么阶段要解决什么问题。
框架
关于框架设计,最初我们的想法是尽可能的给用户更大的画布操作区域,缩小元素选择区域和标题区域的大小,同时让画布组件的属性信息通过轻浮层的方式展示,对常用操作引导用户使用快捷键操作。
![](https://img2018.cnblogs.com/blog/48590/201905/48590-20190516153329843-1612851537.png)
但是在推动的时候,我们遇到几个问题。
对于用浮层展示属性等信息,开发表示开发量很大,一期建议展缓的。
工具需要接入腾讯云平台,在顶部必须保留腾讯云统一的头部条,这样整个头部就用3条通栏了,显得头部十分的笨重。
于是整合了标题栏和工具栏,固定组件属性栏在右侧位置,收起了多余的操作项,砍掉多余的分类和隐藏多余的操作,希望用户在使用时,能聚焦于画布内容,获得沉浸的使用体验。
![](https://img2018.cnblogs.com/blog/48590/201905/48590-20190516153342852-1545818549.png)
内容为王
为了能让用户可以更好更方便的去做尝试,我们把大量内容进行聚合模板化、样式化。这样用户直接就可以拿来就用,而不用过多去想,我柱状图要怎么去做,要不要描边,要不要透明,要用什么颜色。
1 .更多的图表样式
将图表按照类型进行分组(柱状、条形、折线、饼图、环图、散点等),然后每个图表类型下面提供丰富的样式选择。
![](https://img2018.cnblogs.com/blog/48590/201905/48590-20190516153403119-1906322868.png)
2 .更多的配色方案
图表配色上面除了15色的默认样式色值,还通过丰富的颜色备选方案,已满足不同用户案列场景的需求,方便用户直接快速的进行图表颜色切换。
![](https://img2018.cnblogs.com/blog/48590/201905/48590-20190516153427960-139875605.png)
3 .更多行业案列
同时我们按照行业类型提供了不同的模板样式,用户可以直接在提供的模板上进行修改尝试即可。
![](https://img2018.cnblogs.com/blog/48590/201905/48590-20190516153439302-1293063425.png)
小结
当然了现在云图还处于1.0(Beta版)的阶段,会有大量的问题和需要的优化的地方。后续我们会将云图逐步完善,并不断优化用户体验和流畅度。