请选择 进入手机版 | 继续访问电脑版

图表设计-远不止“好看”这么简单

2017-12-30 11:43

图表设计的过程实则是将数据进行可视化表达的过程,其研究的对象源头是数据,然而,数据本身价值不大,所谓的“数据”往往是由一些看起来有用和没用的“数字”组成,用户很难从这些散乱的数字中发现有价值的信息,so ...

图表设计的过程实则是将数据进行可视化表达的过程,其研究的对象源头是数据,然而,数据本身价值不大,所谓的“数据”往往是由一些看起来有用和没用的“数字”组成,用户很难从这些散乱的数字中发现有价值的信息,so,如果把这些“数字”从商业目的、用户动机进行有机组合、关联或定义就使得数据变得有意义(价值),图表只是最终的表现形式。

作为一名交互设计师在进行图表设计时,就是要把这些宝贵的数据资产变得触手可及,从而充分发挥数据的力量。

数据可视化

刚才有提到,图表设计实际上就是数据可视化设计,在谈图表设计之前,我们先理解下数据可视化的概念。

数据可视化的目的,是要对数据进行可视化处理,以使得能够明确地、有效地传递信息。”

 – Vitaly Friedman

通俗一点讲,无非就是将复杂的数据信息进行图形化展示,目的就是为了方便用户从一堆杂乱无章的数据里面更高效的理解或分析,让花费一个小时才能归纳的数据信息,转化为一眼就能看懂的数据图表。

然而,好的可视化设计一定集易读、突出数据价值、易于分析、美观为一体的,最终让数据变得更加简单,方便交流,反之,不仅让数据变得更复杂,而且还会带来错误诱导。因此,如何让数据分析变得轻松、流畅并且易读,从而提高用户的工作效率,降低用户的工作负担,则成为设计师的重要责任。

 

 

图表由哪些元素构成 ?

一张标准样式的图表基本上是由下图1-1 中标示的几种元素组成,除此之外,还有一些特殊的图表(如:3D类,由背景墙、侧面墙、底座等图表元素),对于图表本身在此就不在冗述,设计人员都有基础知识,本文将尝试从图表设计动机的角度和大家一起探讨如何更好的进行图表设计,从而达成设计目标。

 

图1-1 图表元素

图1-1 图表元素

 

 

图表设计

1.明确数据指标

首先,我们得先搞明白这些数据是怎么来的、干嘛的,如果连这个都不清楚就会很难展开接下来的讨论或设计。数据是做好图表设计的前提,毫无疑问,一连串的数字对于设计师来说是枯燥无味的,幸亏前期的数据收集工作已有人做好,但是作为设计师有必要要求他们给到你的是尽可能精准的数据,否则,会导致接下来的工作前功尽弃。因此,当初步接触数据时最好能够解决以下几点:

  • 理解数据及指标
  • 分析数据
  • 提炼关键信息
  • 明确数据关系及主题

如下图,这份报表比较容易理解,初步分析可以看出这是一份不同品牌的手机每天在全国的销量情况,进一步分析还可以看出销量越高,退货量越少,营收就会越高,投诉越少,评价也会越好,由此得出,省、销量、退货量、营收就是关键指标,当然,前面这些信息是我们通过表格本身的数据信息分析得到的,但是,我们并不知道用户关注得是哪些数据指标,有可能关注的是不同省的营收状况,也有可能是退货情况,还有可以能是不同手机品牌的销量对比,所以,需要进入下一步-为谁设计,用户想要什么信息。

图1-2 不同品牌手机全国销量情况

图1-2 不同品牌手机全国销量情况

 

2.为谁设计,用户想要什么信息

需要明确的是,同一组数据在不同用户眼中所看到的信息是不一样的,因为,角色、岗位的不同就造成了他们所关注的重点、立场不同,不同人所发现的信息、得出的结论也是不一样的,所以,在图表设计时面对不同的使用者所强调的信息及交互方式都是不一样的。主要影响因素:

  • 用户群体是谁?有什么特点
  • 从数据中需要提炼的信息是什么
  • 通过图表想要解决什么问题
  • 关注的重点

接着上面的例子,如下图1-2所示,表现形式虽然都是地图,但是强调的重点信息和展示逻辑都不同,即一个强调的是某个品牌的手机在全国不同省的销量状况,另一个强调的是不同品牌手机在全国不同省的销量对比。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

  • 未知省份
  • 未知城市
  • 未知职业
时间2017-12-30 11:43 阅读965 回复0
上一篇:
教育产品组件化交互设计的实践与思考发布时间:2017-12-30
下一篇:
快速玩转灵活多变的线条艺术造型发布时间:2017-12-30
专注素材教程免费分享
全国免费热线电话

400-1234-550

周一至周日9:00-23:00

反馈建议

webmaster@ibeifeng.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.5© 2001-2013 Comsenz Inc.