看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
B端数据可视化的设计思路
三悠
杭州
/
设计爱好者
/
285天前
/
121浏览
版权
私信
关注
B端数据可视化的设计思路
三悠
关注
如何设计
了解用户
用户是谁？他们要从可视化作品上获取什么信息？在企业级产品中，用户可能是公司高层、BI分析师、运营、数据开发等不同角色。不同角色在使用可视化作品时，其目的以及使用路径会有所不同。建议在设计开始前对使用者进行充分剖析，以便完整地讲述你的数据故事，准确呈现你的数据见解。
设计原则
准确：从数据转化到可视表达时不歪曲、不误导、不遗漏，忠实反映数据里包含的信息。
有效：信息传达有重点，克制而不冗余，避免信息过载，用最适量的数据-油墨比表达对用户最有用的信息。
清晰：表现方式清楚易读，具有条理性，可以帮助用户快速达成目标，在最少的时间内获取更多的信息。
美：对数据的完美表达，合理利用视觉元素进行艺术创作，不过度修饰，给用户优雅的体验。
图表用法
选择正确的图表类型
时间类
通常用于表现数据在时间维度上的趋势和变化。
代表类型：折线图、面积图等
收藏
比较类
使用图形的长度、宽度、位置、面积、角度和颜色来比较数值的大小，通常用于展示不同分类间的数值对比。
代表类型：柱状图、气泡图等。
收藏
分布类
通常用于展示连续数据上数值的分布情况。
代表类型：散点图、箱形图等。
收藏
流程类
通常用于表示流程流转、流量关系。
代表类型：漏斗图等。
收藏
占比类
显示同一维度上占比关系。
代表类型：环图、饼图、百分比堆叠类型图表等。
收藏
交互
区别于传统数据报表相对静态的表现形式，交互式图表并不停留在信息展示层面。用户通过与图不断产生交互，从数据中获取更深层次的分析和信息。
在数据可视化中，我们根据用户的意识层次及每层次对应的目标，将交互动作拆解成「数据获取」、「信息加工」、「知识流转」三层。其匹配「概览第一，聚焦过滤，再按需查看详情」的可视化信息检索箴言。亦符合人类寻求信息的基本逻辑：先大体，再局部，然后聚焦兴趣点进行探索，这是一个由表及里 的过程。
收藏
结语
以上就是今天的全部内容，我们下期再见！
注：以上文中配图均来自于网络或应用截图，仅作学习分享使用。
1
举报
|
声明
收藏
分享
原创文章
UI
网页
相关推荐
换一换
怎么找到体验设计灵感 第5期
247
三悠
怎么找到体验设计灵感第4期
413
三悠
会员精选
创意c4d 霓虹灯制作
76
周大侠呀
推广
数据可视化太重要了
57
三悠
列表总是做不好？不知道什么原因，来这里看看
88
三悠
关注
管理后台系统
2459
灵机亿动
如何设计列表页
57
三悠
列表页设计总结
221
三悠
表单设计的三大场景
81
三悠
B端表单页设计总结
218
三悠
交互设计灵感总结
141
三悠
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
你可能喜欢
换一换
米斯熊VOL.1 | The Story
263
ChrisXme
加载失踪案
353
卷云品牌IP设计
海豹08宣发视频
240
彼得攀
星际局 | 智能探索伙伴 | IP/全案
183
温Winnie
面包源记 Tales Of The Bread Source
421
Fatboy伍胖胖
《草海游梦》
266
李大大师
相关收藏夹
换一换
关注
管理后台系统
2459
灵机亿动
关注
IP形象及IP内容
7635
蔡蔡文化
关注
简历/作品集/述职
3740
瘫_ATAN
关注
品牌vi完整思路and呈现方式
1764
废才
关注
地产VI
1726
喾二
关注
设计的方法论
1007
jamylee
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
设计#
设计a
#设计
#设计
设计
#设计
设计’
设计
it设计
设计in
in设计
AS设计
by设计
a设计
、设计
设计、
设计
#设计#
#设计
if设计
设计】
设计，
设计
is设计
设计‘
设计
设计。
@设计
an设计
设计
🤮设计
设计‘’
设计 、
设计|
设计／
设计.
的··
的as
登录注册
1
登录即可同步推荐记录哦
收藏
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享
