美文网首页
视觉化表格设计 — 滑块式

视觉化表格设计 — 滑块式

作者: 客户体验实验室 | 来源:发表于2020-10-21 17:10 被阅读0次

    图表背景

    假如你刚刚完成一项关于美国年轻人同父母居住状况的调查,在就某问题的不同变量维度、或多个问题的同一纬度发现进行报告时,你会采取什么方式?类似下图的表格、或多个条形图或柱状图? 多维表格

    对于表格,通常将多维度的量化数据进行平面集中展示,虽然实现了基本的展示结构化,但表格数据背后更多的信息则需要由观察者一一去解读,最终效果恐怕也不能完全如制表人所愿,传达效果一般;对于多个条形图或柱状图,信息被分割成了多个片段,同一图表的差异是比较明显,但整体较为割裂,信息整合起来难免需要倾注更多认知努力。

    图表分析

    那该如何提升数据表格的传达效果,将最重要的信息一目了然传递出去?通常在表格涉及单维数据点大小对比时,我们可以使用颜色编码,用类似热区图的方式把顺序信息表达出来。但如上面调查中的多重对比时,就可以采用类似皮尤研究中心的视觉化表格方式(如下图),数据的形状和比较一目了然。


    皮尤调查结果的可视化表格

    在皮尤的展示中,对表格里的数字添加了位置(数据在一维坐标上的分布)、颜色(2次不同调研时间)和形状(圆圈和圆点)编码,这样便将题目的多个变量及维度在有限空间同时展示,也能将差异最大化突出出来,从而将结论更清晰传达。对比下,如果上图是文章开始的原始表格,你能一眼看出差异吗?为此你需要内心演算多少遍?

    类似的逻辑,这是两外2个皮尤调查的可视化表格设计,也都采用了颜色、形状和文字等更多编码丰富表格信息。

    皮尤可视化表格 皮尤可视化表格

    图表制作

    通常的数据分析工具,如Excel、Numbers并没有提供类似的直接可视化功能。在Tableau中目前为止本人也没有实现如皮尤所示效果的表格。所以,如果你要制作类似传达效果更好的表格,需要借助PowerPoint、Keynote等演示工具,或更专门的制图工具,如illustrator去手动完成。注意通过位置、颜色等编码活用,将数据含义丰富化、直观化。

    相关文章

      网友评论

          本文标题:视觉化表格设计 — 滑块式

          本文链接:https://www.haomeiwen.com/subject/kxedmktx.html