[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈
分类:热搜讯息

我们常常迷失在资料中,纷繁複杂的资料让我们无所适从。视觉化作为解决这问题的有效手段,通过视觉的方式让数字易于理解。

资料视觉化和信息视觉化都是视觉化的一种方式,资料视觉化将资料库中每一个资料项作为单个图元元素表示,大量的资料集构成资料图像,同时将资料的各个属性值以多维资料的形式表示,可以从不同的维度观察资料,从而进行更深入的观察和资料分析。信息视觉化,旨在把资料资料以视觉化的方式表现出。信息视觉化是一种将资料与设计结合起来的图片,有利于个人或组织简短有效地向受众传播信息的资料表现形式。

本文梳理了视觉化相关内容,并且根据资料平台组同仁们在视觉化项目过程中使用经验,总结一些视觉化使用注意事项,与大家分享。

资料视觉化的图表类型简介
资料视觉化有很多既定的图表类型,下面我们分别来谈谈这些图表类型,他们的适用场景,以及使用的优势和劣势。

1.柱状图
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

适用场景:它的适用场合是二维资料集(每个资料点包括两个值x和y),但只有一个维度需要比较。
优势:柱状图利用柱子的高度,反映资料的差异。肉眼对高度差异很敏感,辨识效果非常好。
劣势:柱状图的局限在于只适用中小规模的资料集。

2.折线图
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈


适用场景: 折线图适合二维的巨量资料集,尤其是那些趋势比单个资料点更重要的场合。它还适合多个二维资料集的比较。
优势:容易反应出资料变化的趋势。

3.饼图
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

适用场景:适用简单的佔比图,在不要求资料精细的情况下可以适用。
劣势:饼图是一种应该避免使用的图表,因为肉眼对面积大小不敏感。

4.漏斗图
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

适用场景:漏斗图适用于业务流程比较规範、周期长、环节多的流程分析,通过漏斗各环节业务资料的比较,能够直观地发现和说明问题所在。
优势:能够直观地发现和说明问题所在。在网站分析中,通常用于转化率比较,它不仅能展示用户从进入网站到实现购买的最终转化率,还可以展示每个步骤的转化率。
劣势:单一漏斗图无法评价网站某个关键流程中各步骤转化率的好坏。

5.地图
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

适用场景:适用于有空间位置的资料集。
优劣势:特殊状况下使用。

6.雷达图
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

适用场景:雷达图适用于多维资料(四维以上),且每个维度必须可以排序。但是,它有一个局限,就是资料点最多6个,否则无法辨别,因此适用场合有限。
劣势:需要注意的时候,用户不熟悉雷达图,解读有困难。使用时尽量加上说明,减轻解读负担。

资料视觉化使用小贴士
1.饼图顺序不当
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(最好的做法是将份额最大的那部分放在12点方向,顺时针放置第二大份额的部分,以此类推。)

2.在线状图中使用虚线
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(虚线会让人分心,用实线搭配合适的颜色更容易区分。)

3.资料被遮盖
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(确保资料不会因为设计而丢失或被覆盖。例如在面积图中使用透明效果来确保用户可以看到全部资料。)

4. 耗费用户更多的精力
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(通过辅助的图形元素来使资料更易于理解,比如在散点图中增加趋势线。)

5.柱状过宽或过窄
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(经过调研,柱子的间隔最好调整为宽的1/2。)

6.资料对比困难
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(选择合适的图表,让资料对比更明显直接。上图的资料作用是为了比较,显然,柱状图比饼图在视觉上更易于比较。)

7.错误呈现资料
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(确保任何呈现都是準确的,比如,上图气泡图的面积大小应该跟数值一样。)

8.不要过分设计
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(清楚标明各个图形表示的资料,避免用与主要资料不相关的颜色,形状干扰视觉。)

9. 资料没有很好归类,没有重点区分
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(将同类资料归类,简化色彩,帮助用户更快理解资料。上图的第一张没有属于同类型手机中不同系统进行颜色上的归类,从而减少了比较的作用。下图就通过蓝色系很好的把iPhone,Android,WP版归为一类,很好的与iPad版,其他比较。)

10.误导用户的图表
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(要客观反映真实资料,纵坐标不能被截断,否则视觉感受和实际资料相差很大。左图的资料起始点被截断从50开始。)

信息视觉化案例
信息视觉化囊括了资料视觉化,信息图形,知识视觉化,科学视觉化,以及视觉设计方面的所有发展与进步。下面是信息视觉化的案例分享。
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(上图为关係网——基于60000封电子邮件存档资料,用不同颜色深度的线条呈现了地址簿中用户和个体之间的关係,比如回复、发送、抄送。)
[讨论] 美丽的资料 :资料视觉化与信息视觉化浅谈

(上图通过资料化的比较,用变形的柱状图等图形,形象的展示了不同国家老师的收入水平,社会包括学生和公众对其的尊重度。)

如何製作信息视觉化?
第一步:确定表意正确明确信息图表达内容,确定最主要的表现内容。
第二步:优化展现形式内容正确还不够,还要易懂。我们需要在这个步骤里寻找信息图最优表现形式,让读者 一目了然,降低理解难度。
第三步:探索视觉风格在探索视觉风格时要注意抓大放小,先定下来最主要模块的风格,再做延展。
第四步:完善细节视觉风格确定后,可根据需要添加、完善细节。
第五步:风格延展「一致」的视觉设定有助于用户理解,也能更好的提升品牌形象。所以主风格确定后,我们需要把它延展到其它有需要的页面上。

以上是分享了资料视觉化和信息视觉化相关内容,不过信息视觉化和资料视觉化是两个容易混淆的概念,基于资料生成的资料视觉化和信息视觉化这两者在现实应用中非常接近,并且有时能够互相替换使用。但是这两者其实是不同的,资料视觉化是指那些用程序生成的图形图像,这个程序可以被应用到很多不同的资料上。信息视觉化是指为某一资料定製的图形图像,它往往是设计者手工定製的,只能应用在那个资料中。信息视觉化的代表特徵:具体化的,自解释性的和独立的。为了满足这些特徵,这个图是需要手工定製的。 并没有任何一个视觉化程序能够基于任一资料生成这样具体化的图片并在上面标注所有的解释性文字。

资料视觉化则是普适的,比如平行坐标图并不因为资料的不同而改变自己的视觉化设计。视觉化的强大的普适性能够使用户快速应用某种视觉化技术在一些新的资料上,并且通过视觉化结果图像理解新资料,与针对已知特定资料进行信息视觉化设计绘製相比,用户更像是通过对资料进行视觉化的应用来学习和挖掘资料,而普适性的资料视觉化技术本身并没有解释资料的功能。

分享自:opensource开发,类excel设计,全方位异质资料库整合,资料填报、Flash列印、权限控制、行动应用、客制化、交互分析、报表协同作业管理系统——FineReport报表与BI 商业智慧工具免费下载。分享自:巨量资料实验室

上一篇: 下一篇:
猜你喜欢
热门排行
精彩图文