编辑导语：设计师门大概会打仗到数据可视化设计，将信息越发立体、全面的展此刻用户眼前。本文作者思考了与业务需求不切合的数据可视化的要领，盘货了设计数据可视化时需要留意的点，并总结了一些有用的替代要领，但愿这篇文章可以或许辅佐到列位设计师。

蛇、贝壳、山脉——这些图形是设计师大概会去绘制的对象，而不是用这些图形来直接显示数据。

不外此刻试想一下：在健身应用或视频游戏中，当界面运用需要利用图表来表达数据时，这些形状就是一个不错的表达选择了。

但假如你的目标是为决定提供信息，那么一些花里胡哨的图形就起不到这个浸染了。 本日我们就思考下与业务需求不切合的数据可视化的要领，并找到一些有用的替代要领。

一、像“蛇”一样的曲线图

你必然见过以彩色的2D或3D曲线绘制的CRM或ERP仪表盘的设计，你看就像“蛇”一样。

固然这样的可视化看起来很有视觉吸引力，但这种视觉没有很好的揭示真实的数据信息，更重要的是，它们很难被读取和领略。

险些所有的视觉都是上面图表上的装饰，而真实的数据只由10个数据点构成。在这样一个大的组件上，你完全可以直接显示所有的数字，不需要操纵去查察数据。

可以看到组件尚有足够的空间来多显示20-30个甚至更多的数据点，而不是只有10个。上图的曲线图大概表白，需要展示的数据很少，所以设计师试图用一些赏心好看的对象来填补空缺区域。

这样是不是就更直观、更全貌的查察数据了？

此刻想象一下，当需要展示数据更多的趋势变革时，曲线图会是什么样子的？

可以看到，多条曲线彼此交错重叠，看着很杂乱，不易识别。

1. 曲线图问题

很难在一个表格里展示多个数据，而且让数据容易识别；

曲线的粗细会影响获取相瞄精确的数据信息，可以利用“斑马条纹”一样的隔断色柱状图来替代；

现实中的真实数据很难让曲线过渡自然，而不会显得生硬。生硬的过渡影响视觉；

两个数据之间的线会误导用户，影响数据获取。

2. 思考

假如数据少，可以利用柱状图展示；

假如数据多且具有持续性时，曲线线条要尽大概的细点，像股票趋势一样。

二、像甜甜圈一样的环形设计

和像“蛇”的曲线图一样，像”甜甜圈”的圆环，尤其是嵌套的圆环，也会影响数据的精确性，让数据比拟酿成坚苦。别的，这两种要领都存在不公道操作空间的问题。

用户或多或少都能处理惩罚匀称的百分比：满圆=100%，半圆=50%，四分之一=25%，三分之二=75%，但假如一个圆的终点在 “一半 “和 “三分之二 “之间的某个处所–就像图上绿色的谁人圆一样，怎么办？

用户不会去计较50+25÷2，并假设它应该是62.5%阁下，这样太贫苦并且数据也禁绝确。

假如只有一个圆环，则可以在中间安排一个百分比数字，用来展示精确的数据。可是假如像上图一样同时包括三个圆圈要怎么办？

圆角的样式大概会让图表看起来更生动，可是却低落了数据的读取精确性，这样的圆角在视觉上会在真实值的基本上增加2%-3%的读数。

此刻，来简化一下圆环的视觉。

可以清晰看到，用户看到的数据比实际数值要多一点，用图表的 *** 再来揭示下：

三个条形图可以转达沟通的信息，占据更少的空间，而且无需东西提示即可显示数字，这对付数据驱动的界面来说至关重要。

通过简朴的条形图，可以不消添加演示讲授的图，也使组件越发紧凑。并且因为条形图旁边加了标签说明，所以就算是单色也不会影响视觉的表达。

1. 圆环设计问题

环形的设计不容易读取数据。用户可以很好地识别25%、50%、75%或100%这样的百分比，但凡是无法精确识别中间的值；

嵌套的圆形需要一个图例或东西提示，因为标签凡是不能符合地放在在相应的圆环上；

数据之间不能举办较量。就算是结尾在一起的两个圆环，由于表里圈的问题，所暗示的读数都是纷歧样的。

2. 思考

利用条形图来精确表达百分比；

环形图时，只管制止嵌套圆环或利用圆角。

三、玫瑰饼图