1
B端交互设计总结——数据可视化图表（三）
source link: http://www.chanpin100.com/article/121182
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
B端交互设计总结——数据可视化图表（三）
- 发布于2小时前
- 阅读534
上篇文章给大家介绍了如何选定可视化图标“B端交互设计总结——数据可视化图表（二）”，接下来就看看如何选定可视化图表类型。
上篇文章给大家介绍了如何选定可视化图标“B端交互设计总结——数据可视化图表（二）”，接下来就看看如何选定可视化图表类型。
选定可视化图标
选定可视化图表类型
图表的作用，是帮助我们更好地看懂数据。选择什么图表，需要回答的首要问题是『我有什么数据，需要用图表做什么』，而不是 『图表长成什么样』 ，根据数据选用合适的图表展现来把数据的信息传达给用户；因此我们从数据出发、熟悉每种图表的定义、适用场景、优缺点，从功能角度对图表进行分类，这样才能快速选择合适的图表。
1.比较类图表
柱状图：
定义：柱状图是一种以长方形的长度为变量的统计图表。长条图用来比较两个或以上的价值（不同时间或者不同条件），只有一个变量，通常利用于较小的数据集分析。
特点：
这个分类不限于地区、品牌等，可以是一个时间周期；
数量控制在5-12条最佳；
使用建议：
使用合适的宽度去适配柱条的宽度：当柱子太窄时，用户的视觉可能会集中在两个柱中间的负空间，而这里是不承载任何数据的。宽度推荐使用在1/2 柱宽到 1 柱宽之间，但也要视情况而定。
不推荐采用全圆角：柱形图可以有适当的圆角，全圆角则有可能歪曲可视化图表的表达，用户可能无法明确是圆心还会顶点作为峰值。
不要使用非水平和竖直的文字标注，也不要使用转行：
有时坐标轴上的注释文字会很多，所以很多人为了妥协，在小空间内显示出所有的文字标注内容，而使用倾斜的文本，或者将文本转行处理。
不要用过于复杂的设计形式，数据可视化的第一要义是简单易懂，所以在遇到标签文字过长时，可以采用将柱状图转化为条形图。
比较类图表就给大家介绍到这里了，下篇文章继续给大家总结一下条形图，赶紧去看看吧！
以上就是“B端交互设计总结——数据可视化图表（三）”的内容了，如果你还想了解其他相关内容，可以来产品壹佰官方网站。
选定可视化图标
选定可视化图表类型
图表的作用，是帮助我们更好地看懂数据。选择什么图表，需要回答的首要问题是『我有什么数据，需要用图表做什么』，而不是 『图表长成什么样』 ，根据数据选用合适的图表展现来把数据的信息传达给用户；因此我们从数据出发、熟悉每种图表的定义、适用场景、优缺点，从功能角度对图表进行分类，这样才能快速选择合适的图表。
1.比较类图表
定义：柱状图是一种以长方形的长度为变量的统计图表。长条图用来比较两个或以上的价值（不同时间或者不同条件），只有一个变量，通常利用于较小的数据集分析。
特点：
这个分类不限于地区、品牌等，可以是一个时间周期；
数量控制在5-12条最佳；
使用合适的宽度去适配柱条的宽度：当柱子太窄时，用户的视觉可能会集中在两个柱中间的负空间，而这里是不承载任何数据的。宽度推荐使用在1/2 柱宽到 1 柱宽之间，但也要视情况而定。
有时坐标轴上的注释文字会很多，所以很多人为了妥协，在小空间内显示出所有的文字标注内容，而使用倾斜的文本，或者将文本转行处理。
不要用过于复杂的设计形式，数据可视化的第一要义是简单易懂，所以在遇到标签文字过长时，可以采用将柱状图转化为条形图。
以上就是“B端交互设计总结——数据可视化图表（三）”的内容了，如果你还想了解其他相关内容，可以来产品壹佰官方网站。
产品壹佰网站所提供的内容均来源于用户提供或网络搜集，由本站编辑整理，仅供个人研究、交流学习使用。如涉及版权问题，请联系本站管理员予以更改或删除。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK