数据图表设计分析总结
设计师会接触到数据可视化设计,将信息更加⽴体、全⾯的展现在⽤户⾯前。但思考下,你的数据可视化⽅法是否与业务需求符合?
蛇、贝壳、⼭脉——这些图形是设计师可能会去绘制的东西,⽽不是⽤这些图形来直接显⽰数据。
⼀、像“蛇”⼀样的曲线图
你⼀定见过以彩⾊的2D或3D曲线绘制的CRM或ERP仪表盘的设计,你看就像“蛇”⼀样。
虽然这样的可视化看起来很有视觉吸引⼒,但这种视觉没有很好的展现真实的数据信息,更重要的是,它们很难被读取和理解。
家长给老师教师节祝福语可以看到组件还有⾜够的空间来多显⽰20-30个甚⾄更多的数据点,⽽不是只有10个。上图的曲线图可能表明,需要展⽰的数据很少,所以设计师试图⽤⼀些赏⼼悦⽬的东西来填补空⽩区域。
现在想象⼀下,当需要展⽰数据更多的趋势变化时,曲线图会是什么样⼦的?
可以看到,多条曲线相互交叉重叠,看着很混乱,不易识别。
曲线图问题可爱狗狗名字大全
1.很难在⼀个表格⾥展⽰多个数据,并且让数据容易识别;
2.曲线的粗细会影响获取相对准确的数据信息,可以使⽤“斑马条纹”⼀样的间隔⾊柱状图来替代;
3.现实中的真实数据很难让曲线过渡⾃然,⽽不会显得⽣硬。⽣硬的过渡影响视觉;
4.两个数据之间的线会误导⽤户,影响数据获取。
总结
•如果数据少,可以使⽤柱状图展⽰;
•如果数据多且具有连续性时,曲线线条要尽可能的细点,像股票趋势⼀样。
⼆、像甜甜圈⼀样的环形设计
和像“蛇”的曲线图⼀样,像”甜甜圈”的圆环,尤其是嵌套的圆环,也会影响数据的准确性,让数据对⽐变成困难。另外,这两种⽅法都存在不合理利⽤空间的问题。试用期自我评价
⽤户或多或少都能处理均匀的百分⽐:满圆=100%,半圆=50%,四分之⼀=25%,三分之⼆=75%,但如果⼀个圆的终点在 “⼀半 “和 “三分之⼆ “之间的某个地⽅–就像图上绿⾊的那个圆⼀样,怎么办?
圆⾓的样式可能会让图表看起来更活泼,但是却降低了数据的读取准确性,这样的圆⾓在视觉上会在真实值的基础上增加2%-3%的读数。
现在,来简化⼀下圆环的视觉。
可以清晰看到,⽤户看到的数据⽐实际数值要多⼀点,⽤图表的⽅式再来展现下:
三个条形图可以传达相同的信息,占据更少的空间,并且⽆需⼯具提⽰即可显⽰数字,这对于数据驱动的界⾯来说⾄关重要。
圆环设计问题
1.环形的设计不容易读取数据。⽤户可以很好地识别25%、50%、75%或100%这样的百分⽐,但通常⽆法准确识别中
seven朴寒星
间的值;
2.嵌套的圆形需要⼀个图例或⼯具提⽰,因为标签通常不能合适地放在在相应的圆环上;
3.数据之间不能进⾏⽐较。就算是末端在⼀起的两个圆环,由于内外圈的问题,所表⽰的读数都是不⼀样的。
总结
•使⽤条形图来准确表达百分⽐;
•环形图时,尽量避免嵌套圆环或使⽤圆⾓。
三、玫瑰饼图
著名统计学家、数据可视化基础书籍的作者爱德华-图夫特多次警告说,视觉上吸引⼈的图表可能会说谎。像”贝壳 “的玫瑰饼图是图表的⼀种时髦变化,彩⾊的截⾯宽度不⼀,相互重叠。
简单地说,数据可视化的本质就是通过颜⾊、⾯积、长度等⼿段,将数字直观地表现出来。⽐如:数字越⼤,条形图越长;百分⽐越低,⾯积越⼩。但是,当我们分析玫瑰饼图时,它是如何展⽰数据的呢?当百分⽐越⾼,获得的圆圈的⽚段越⼤,⽽且⽚段越粗?
这样可以清晰看到⽚段之间很多重叠部分,⽽重叠和超标背后的设计逻辑是什么?如何解读这些“数据”?是否意味着图
这样可以清晰看到⽚段之间很多重叠部分,⽽重叠和超标背后的设计逻辑是什么?如何解读这些“数据”?是否意味着图中显⽰超过100%,超过360度?
这些信息可以在饼状图上进⾏可视化,不过数据点的数量应该保持有限,否则,图表会变得拥挤,不易阅读。
除此之外,你还可以将这样的图表类型作为矩形树图,相应区域的矩形代表百分⽐。虽然⼈们通常最擅长⽐较长度–平均线柱状图,不过区域也能很好地⽤眼睛进⾏⽐较。
玫瑰饼图问题
1.和经典的饼状图相⽐,玫瑰饼图不能清晰的表达数据信息。数据是⽤⾯积、曲线粗细还是扇形⾓来表⽰呢?
2.重叠的图形不能清晰表达数据信息,会让⽤户⽆法识别;
3.视觉太过花哨,⽆法完整展⽰真实数据。
右眼皮一直跳是什么预兆
总结人力资源工作总结
•如果数据不多,可以采⽤饼状图展⽰;
•可以尝试使⽤矩形树图展⽰数据。
四、像“⼭”⼀样的⾯积图
像“⼭”⼀样的⾯积图在可视化中也是常见的数据展⽰形式: