遇见大数据可视化 ： 【云图】让数据可见

导语： 除了手搓，我们还有更好的数据可视化方案

今天，即使你不熟悉云计算，大数据是什么。但是这些词汇已经充斥在我们的身边。我们被超负荷的信息和过多的数据折磨。谁没被定义成数字？——当我们存在于各种庞大而复杂的社交关系中，我们被各种各样的标签或者数字去定义。的确，数据是评估市场趋势和广告效果的有效途径，数据是帮助我们了解消费者行为的直接选择。我们被一推1和0所标记，毫无尊严的变成一个数字时，人们看到是一堆堆数字，而我们看到是一个个鲜活的你。云图，让数据可见。

起因

所在的FT一直在做数据库和大数据相关的业务，都是和数据相关。那作为设计团队，我们一直在思考怎么“用视觉的方式去思考数据”。于是我们做一系列关于数据可视化的案例，地铁人流量、扶贫指数、安全指数等等。也总结了一些关于大数据可视化的文章《遇见大数据可视化 - 基础研究》，《遇见大数据可视化 - 来做一个数据可视化报表》，《遇见大数据可视化 – 图表的视觉系统感知》，《遇见大数据可视化 – 人人都能做数据可视化》等等。

[1509432118811_9063_1509432167920.png]

但是随着案例的增多，我们设想的制作周期会大幅下降的情况并没有出现。每个案例从脑暴、设计、数据、开发都需要1-2个月的时间，而且都需要产品、设计、开发都许多同学的参与的，非常耗时耗力的。

但另一方面，团队之前写的【遇见大数据可视化】的系列文章发出去后，被很多同学纷纷找上来询问如何做数据可视化，其实大家对数据展示的需求是越来越多的。

于是我们开始思考是不是可以做一个工具，可以方便的让用户快速的去做一些数据可视化的展示。无需编程，拖拽即可生成数据可视化展示。

前期思考

在项目开始之前，我们首先梳理出有那些人群会对数据可视化的工具有需求的。通过整理RTX询问同学的岗位分组，和联合产品经理对外部人员的需求询问。我们发现了一个很重要的信息，很多用户而然听说过数据可视化，也能理解理解数据可视化的好处，但是对于复杂数据如何去做展示就无从下手了。

虽然我知道这东西好，但是做不来的。

所以对于云图的第一期版本，我们更需要告诉用户最终的数据可视化的呈现是什么。让他们先看的成果，然后再促使他们去尝试。

我们改变了传统数据图表的制作流程，在Excel等图表工具中流程都是先框选出要展示的数据，然后根据数据在图表库中选择对应的图表，最后图表呈现出来。

[1509432229529_7507_1509432278493.png]

为了能让用户尽可能多的去尝试做可视化设计，我们去掉了前两个步骤，然后用户直接可以把他想要的图表拖出来，无需去更多的关注纠结于数据和其他选择上面去。

[1509432482683_9829_1509432531590.png]

于是乎，我们将云图一期的期望需求进行精简提炼，找到当前产品的核心目标：简单、拖拽、高参数、模板化的数据可视化工具。明确的产品目标能指引我们不偏离大方向，在什么阶段要解决什么问题。

框架

关于框架设计，最初我们的想法是尽可能的给用户更大的画布操作区域，缩小元素选择区域和标题区域的大小，同时让画布组件的属性信息通过轻浮层的方式展示，对常用操作引导用户使用快捷键操作。

[1509432499540_1456_1509432548437.png]

但是在推动的时候，我们遇到几个问题。

对于用浮层展示属性等信息，开发表示开发量很大，一期建议展缓的。

工具需要接入腾讯云平台，在顶部必须保留腾讯云统一的头部条，这样整个头部就用3条通栏了，显得头部十分的笨重。

于是整合了标题栏和工具栏，固定组件属性栏在右侧位置，收起了多余的操作项，砍掉多余的分类和隐藏多余的操作，希望用户在使用时，能聚焦于画布内容，获得沉浸的使用体验。

[1509432513915_621_1509432562779.png]

内容为王

为了能让用户可以更好更方便的去做尝试，我们把大量内容进行聚合模板化、样式化。这样用户直接就可以拿来就用，而不用过多去想，我柱状图要怎么去做，要不要描边，要不要透明，要用什么颜色。

1 .更多的图表样式

将图表按照类型进行分组（柱状、条形、折线、饼图、环图、散点等），然后每个图表类型下面提供丰富的样式选择。

[1509432536618_2041_1509432585698.png]

2 .更多的配色方案

图表配色上面除了15色的默认样式色值，还通过丰富的颜色备选方案，已满足不同用户案列场景的需求，方便用户直接快速的进行图表颜色切换。

[1509432554197_6108_1509432603005.png]

3 .更多行业案列

同时我们按照行业类型提供了不同的模板样式，用户可以直接在提供的模板上进行修改尝试即可。

[1509432577074_7799_1509432626065.png]

小结

当然了现在云图还处于1.0（Beta版）的阶段，会有大量的问题和需要的优化的地方。后续我们会将云图逐步完善，并不断优化用户体验和流畅度。