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

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

 

图1-9

数据分布规则

如果没有制定明确的数据显示规则,就会出现下图2-1-1的展示情况(后端传什么数据,前端就展示什么数据),导致图表展示效果和可读性都很差,如果要解决这个问题就需要定义规则。

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

 

图2-1-1

这里数据的展示和时间有关,所以,我们需要考虑的是某个时间段内展示多少个点才是合适的,而显示一个点由多长时间的数据聚合(点聚合区间是多少),具体如下图2-1-2

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

图2-1-2

规则定义清楚后,后台在与前段交互的时候就会按照以上规则进行,最终实现效果如下图2-1-3

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

 

图2-1-3

遵循设计原则

图表的设计价值在于精准、高效、简单的传递数据信息,***能够让读者一目了然,即使做不到一目了然也应该具备自我解释的能力。所以,就要求在设计时应该增强和突出数据元素,减少和弱化非数据元素,具体应该注意以下原则:

1.删除

除非特殊场景的考虑,应尽可能的删除和数据非相关的元素:

背景色

渐变色

网格线

3D效果

阴影效果(如果具体操作需要强调的除外,如:鼠标Hover查看具体信息)

2.弱化

即使有必要保留非数据元素,也要弱化或隐藏它们,尽量使用淡色

坐标轴

网格辅助线

表格线

3.组织

把相关的数据元素进行合理的组织分类,不要指望把所有的数据元素都放入图表内,只要放关键的、重要的数据在图表内。

4.强调

对于已选的数据元素也要考虑优先级,明确哪些数据是需要重点突出的进行突出标识,以便读者能够快速get到重要信息。

如图2-2所示,通过上述原则对对图表进行优化,最终变成了一个简洁有效的图表。

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

 

图2-2

总结

图表设计的过程更像是一系列将用户和数据建立对话的过程,作为交互设计师考虑的重点在于如何让复杂、混乱的数据更简单的呈现给用户,并且,让用户能够快速、高效的理解分析从而做出正确的反馈,最终将构建一个回合的交互行为。好的图表设计首先对数据的表达就应该是直接、干脆而又精准的,不要让读者去猜测图表信息,确保信息传递的有效性,不会出现误差的同时又注重美观与细节。

网易有数:企业级大数据可视化分析平台,具有全面的安全保障、强大的大数据计算性能、先进的智能分析、便捷的协作分享等特性。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zggydj.html