写给UI设计师看的数据可视化设计
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.1 数据可视化设计的价值

数据可视化设计是将大数据背后的结构、关联、趋势等,通过可视化的方式直观地呈现出来,让数据变得更具有可读性,并告诉人们数据背后的意义,这可以极大地帮助人们利用大量潜在有意义的数据信息来实现商业价值。也正因如此,数据可视化设计已成为当下热门的设计工种。

简单地说,数据可视化就是用户与数据之间的一种媒介,即先通过技术手段对数据进行采集、预处理、分析等,然后设计师通过视觉设计把复杂、抽象的数据以更加容易理解的形式展示出来,这不仅实现了数据的易读性和易懂性,而且给用户带来了良好的视觉体验。

数据可视化设计可以理解为编码和解码的过程。其中设计是编码,即用图表、颜色、文字等视觉元素对数据进行编码;用户对视觉元素的理解是解码,解码的效率和准确性的高低体现了编码的好坏。设计功底、对业务需求的理解、对用户的研究及图表的使用,都是影响编码的重要方面。

下面通过一个信息可视化设计的经典案例“伦敦地铁线路图”来进一步讲解可视化设计的意义与价值,以便了解什么才是好的可视化设计,明白如何从用户真正的需求出发解决问题。

地铁线路图能为我们提供清晰的路线导航,图1-1所示是北京地铁线路图。思考一下,在乘坐地铁时你最关注线路图上的哪些信息?

图1-1

伦敦是世界上最早对地铁的地图系统进行完善的城市之一,最开始伦敦的每条地铁线路都有一本小册子,但随着地铁线路的不断扩张,小册子变得越来越不实用。

1908年伦敦开始把各个独立的地铁支线汇集到一起,绘制成一个地铁系统地图,如图1-2所示,这就是最早使用的地铁线路图,其大大提高了乘客查阅路线的便捷性。但这仍然不是最好的设计,因为它的每个站点都是按照实际地理比例进行设计的,这就使得整个路线都以奇怪的角度呈现,导致在视觉上杂乱无章,乘客在查询路线时也会花费很多时间。

图1-2

那么,如何解决杂乱的问题呢?通过对比北京地铁线路图,相信你已经有了答案。1931年,一位名为Harry Beck的英国工程测绘员,设计了一版新的地铁线路图,直到今天该版本的设计理念仍在沿用,如图1-3所示。

Beck认为,地图上的实际距离并不是特别重要,乘客只需要清晰地看到在哪里上车和在哪里下车即可。实际上这是洞察到了用户的真正需求,这也正是设计师应该具备的洞察力和思考力。Beck将蜿蜒曲折的地理结构曲线设计成直观易懂的直线,各条地铁线仅在水平、垂直、45度三个方向上延伸,这样站点之间的视觉距离看起来十分均匀。另外,站点和路线使用同样的颜色表示归属关系,这样线路图看上去更加清晰明了。Beck创作的这幅地铁线路图,在20世纪30年代初掀起了一场小小的革命。

图1-3

这正是数据可视化设计所要表达的理念,即把复杂抽象的信息数据以人们易懂、易理解的可视化方式展示出来,但在这个设计过程中就需要洞察用户真正的需求,并用合理、有效的设计方案解决用户的痛点,这也正是可视化设计的价值所在!