浅谈实际应用中图表的选择与思考

当前位置:首页>设计文章>UI>浅谈实际应用中图表的选择与思考

图表的作用

痛点:数据无处不在,数据的存在与展示往往是巨量的、凌乱的,同时出现往往会使用户分辨不清产生混乱。

浅谈实际应用中图表的选择与思考

解决办法:为了使这些凌乱的数据更易懂,将其可视化是首要选择。对数据分析结果的可视化呈现不仅可以帮助我们更好地理解数据内容也可以帮助我们挖掘数据所传达的价值。

浅谈实际应用中图表的选择与思考

数据可视化的本质是视觉方向,将分析所得数据与图形相结合,将冰冷的字符转化为带有趣味性的图形,为数据提供了灵活性,从而更高效地传达数据所附带的价值信息。

设计工作中,对于图表的设计并不能将所有精力都投入如何做出“精美、好看”的图表,更要考虑的使用什么类型的图表,图表的什么样的展示形式更有效的,更高效的传达数据给用户。

浅谈实际应用中图表的选择与思考

一般在图表设计前,设计师应优先了解该条数据用途和目的,分析用户需要什么样的使用体验,分析用户的特征、使用场景、以及用户使用这组数据的目的,制定出初步方案,避免因设计选择图表类型而增加数据传达的复杂程度。

图表的类型(仅展示几种常用图表)

1、适用于比较类的图表,此类图表用于显示数据的差异与相似之处,对比数据变化,如:条形图、柱状图、堆积柱状图、堆积条形图、折线图。

类型举例:

条形图/柱状图

条形图是用于比较分析的主力图表,此类图表能够通过将数据图形化,快速传达给人类相应比较信息,通过人在视觉上快速辨别高度或者长度的差异,从而达到传达信息的目的,所以多用于呈现简单有序的数据。

浅谈实际应用中图表的选择与思考
堆积条形图/堆积柱状图

堆积条形图适合对比更复杂的类别和各类别之间的关系和差异,或者是用于同一组数据不同属性数据各自占比。一般同组数据较多时适合使用堆积条形图,同组数据较少时适合使用堆积柱状图。

浅谈实际应用中图表的选择与思考
折线图

折线图多用于连续的数据或者有序数据的变化趋势的展示,适合用于数据在不同时间的变化,更有效直观的展示数据的走向和趋势。折线向下X轴投影面积也可以更直观地展示数据信息。

浅谈实际应用中图表的选择与思考

2、适用于展示数据的分布情况,此类图表用于传达数据的关联性,如:雷达图,散点图,气泡图。

类型举例:

雷达图

雷达图是以从同一点开始的轴上表示的三个或更多个定量变量的二维图表的形式显示多变量数据的图形方法。

浅谈实际应用中图表的选择与思考
散点图/气泡图

散点图通常用于显示和比较数据,例如科学数据、统计数据和工程数据。当要在不考虑时间的情况下比较大量数据点时,使用散点图。散点图中包含的数据越多,比较的效果就越好。

气泡图与散点图相似,不同之处在于,气泡图允许在图表中额外加入一个表示大小的变量。

浅谈实际应用中图表的选择与思考

3、用于展示一组数据中各个分类数据比例关系,如:饼图、环形图、树状图。

类型举例:

饼图/环形图

当只需要绘制一组数据并展示该组数据中不同分类的数据占比时,饼图或者环形图是一个不错的选择,饼图有效直观的展示该组数据这个特性,环形图则在饼图的基础上可以添加传达该组数据信息。

浅谈实际应用中图表的选择与思考

树状图

树状图,又称树枝图。通过嵌套矩形的方式来展示数据的类别,通过面积大小来展示该组数据中不同分类数据的占比情况。

浅谈实际应用中图表的选择与思考

4、适用于各数据存在相互流转关系,能有清晰有效的反映数据信息的同时还可以展示数据流转的过程,如:桑基图、漏斗图、瀑布图。

类型举例:

桑基图

桑基图可以有效显示数据如何在两个组之间流动,可清晰的展示一组数据中流转到下一级时,数据是如何分布的。同时也可以显示负数,并计算对总数据的影响。

浅谈实际应用中图表的选择与思考
漏斗图

漏斗图十分适用于表示数据在某种条件的过程中的各个阶段,如市场营销或销售过程这种每个阶段都有一个值的数据。

浅谈实际应用中图表的选择与思考
瀑布图

瀑布图适用于流程各个状态的起始值、中间值和最终值。适合用作反映数值的增减,比如市场销售额一年中各月营收、客流量等指标的变化。

浅谈实际应用中图表的选择与思考

案例分析:XX小学数学模拟考试成绩下发,数学老师想要知道每一个同学的成绩变化以及浮动,针对性对不同学生进行教学,应选择什么样的图表更方便的数学老师查看信息呢?

案例如以下数据:
浅谈实际应用中图表的选择与思考

首先分析数据信息,可见3月、6月、9月和12月的成绩和排名都是不同的,根据用户需求分析数据优化数据排列方式。

输出新的数据表单:

浅谈实际应用中图表的选择与思考

如想要得到每个同学的成绩变化与浮动,选用柱状图和折线图较为适合,又考虑学生量较大(变量),在此可选择折线图用于数据分析。

输出新的数据图表:
浅谈实际应用中图表的选择与思考

具体操作演示:
浅谈实际应用中图表的选择与思考
温馨提示:

文章标题:浅谈实际应用中图表的选择与思考

文章链接:https://www.uied.cn/49228.html

更新时间:2023年12月22日

本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI

Figma教程丨6步轻松高级感分形玻璃效果

2023-12-22 18:28:35

UI

入场

2023-12-22 21:12:52

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索