B端数据可视化的设计思路

Recommand
杭州/设计爱好者/11天前/23浏览
B端数据可视化的设计思路Recommand
三悠
如何设计
了解用户
用户是谁?他们要从可视化作品上获取什么信息?在企业级产品中,用户可能是公司高层、BI分析师、运营、数据开发等不同角色。不同角色在使用可视化作品时,其目的以及使用路径会有所不同。建议在设计开始前对使用者进行充分剖析,以便完整地讲述你的数据故事,准确呈现你的数据见解。
设计原则
  • 准确:从数据转化到可视表达时不歪曲、不误导、不遗漏,忠实反映数据里包含的信息。
  • 有效:信息传达有重点,克制而不冗余,避免信息过载,用最适量的数据-油墨比表达对用户最有用的信息。
  • 清晰:表现方式清楚易读,具有条理性,可以帮助用户快速达成目标,在最少的时间内获取更多的信息。
  • 美:对数据的完美表达,合理利用视觉元素进行艺术创作,不过度修饰,给用户优雅的体验。
图表用法
选择正确的图表类型
时间类
通常用于表现数据在时间维度上的趋势和变化。
代表类型:折线图、面积图等
B端数据可视化的设计思路
Collect
比较类
使用图形的长度、宽度、位置、面积、角度和颜色来比较数值的大小,通常用于展示不同分类间的数值对比。
代表类型:柱状图、气泡图等。
B端数据可视化的设计思路
Collect
分布类
通常用于展示连续数据上数值的分布情况。
代表类型:散点图、箱形图等。
B端数据可视化的设计思路
Collect
流程类
通常用于表示流程流转、流量关系。
代表类型:漏斗图等。
B端数据可视化的设计思路
Collect
占比类
显示同一维度上占比关系。
代表类型:环图、饼图、百分比堆叠类型图表等。
B端数据可视化的设计思路
Collect
交互
区别于传统数据报表相对静态的表现形式,交互式图表并不停留在信息展示层面。用户通过与图不断产生交互,从数据中获取更深层次的分析和信息。
在数据可视化中,我们根据用户的意识层次及每层次对应的目标,将交互动作拆解成「数据获取」、「信息加工」、「知识流转」三层。其匹配「概览第一,聚焦过滤,再按需查看详情」的可视化信息检索箴言。亦符合人类寻求信息的基本逻辑:先大体,再局部,然后聚焦兴趣点进行探索,这是一个由表及里 的过程。
B端数据可视化的设计思路
Collect
结语
以上就是今天的全部内容,我们下期再见!
注:以上文中配图均来自于网络或应用截图,仅作学习分享使用。
1
Report
|
收藏
Share
相关推荐
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
交互设计灵感总结
Recommand
文章内容含视频
轮播图的设计形式有哪些?
Recommanded by editor
文章
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
茶包装
茶包装
茶包装
茶包装
精选收藏夹
作品收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
餐饮案例
餐饮案例
餐饮案例
餐饮案例
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in