看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
数据可视化太重要了
三悠
杭州
/
设计爱好者
/
286天前
/
57浏览
版权
私信
关注
数据可视化太重要了
三悠
关注
数据可视化类的页面通过一系列图表展现及辅助解读，用户通过浏览和操作数据图表，来实现特定分析目的，制定数据驱动型决策。
设计目标
让使用者快速、清晰地理解数据意义，快速分析趋势，驱动决策。
设计原则
组织性
有逻辑地定义布局，有组织地排布内容。通常使用从上到下和从左到右的结构排列，或递进的交互形式，来凸显常用分析思路：概览第一，聚焦过滤，再按需查看详情。
突出重点
将最重要的视图、最关键的指标放在此类型页面的顶部或左上方。
信息准确
保证数据的准确性、清晰度和完整性。
使用正确的图表类型。
在必要的时候对数据的定义作出解释。
Do & Don't
在对数据进行高度概括时，展示指标卡+数值，比图表更直接。
收藏
尽量在一屏中突出核心指标，将总模块数量控制在5-9个，避免信息过载。
收藏
善于使用筛选、过滤功能，让用户在观察全局的同时，还可以查看数据细节，从而让用户在有疑问时能够快速找到方向。
收藏
模板
概览
将全局视角中最关键的指标，以平铺的方式展现在整个页面中，帮助决策者做决策。当指标重要性平均时采用左图布局，需要强调主题时采用右图布局。
收藏
模板-指标大盘
什么时候用
决策层用户用来监控全局数据，并附带图表来辅助解读。
涉及哪些功能
核心数据、指标卡模块、筛选器、图表区。
收藏
模板-监控
什么时候用
决策层用户用来监控全局数据，通常是围绕着一个主题，展现多个维度的关键指标，并帮助用户快速发现异常。
涉及哪些功能
核心数据、指标卡模块、图表区、地图、仪表盘。
收藏
分析
将数据分析类型页面拆解为多个部分，通常为“总-分”的结构，多维度地展示数据的全貌，帮助使用者发现当前问题。
收藏
模板-多维分析
什么时候用
针对同一主题的多个维度分析。
涉及哪些模块
核心数据、指标卡模块、筛选器、图表区。
收藏
明细
数据明细用来展示单个指标总览和明细。常用于数据报表细节信息的展示，根据业务诉求可配置文本、列表、可视化图表等。
收藏
模板-数据明细
什么时候用
常用于数据报表细节信息的展示。
涉及哪些模块
筛选器、图表区、数据明细表。
收藏
设计建议
串联分析思路
明确此类页面的使用者身份，以及分析目的，从而选择对应的页面类型、划分用户。不同业务线间，关注的核心指标不同，常见的指标类型有：宏观的大盘数据，具体的业务指标。
针对决策者，可以选择描述型的指标结果页面。
针对执行者，可以选择有更多分析功能的分析、详情页面。
确定核心指标间的联系及优先级，合理地进行页面布局，把结论和最重要的指标放在最醒目的位置。
请记住，您可以将以上页面通过交互方式串联起来，讲述你的数据故事。
收藏
卡片的组合方式
一张卡片放置一个主题内容。
收藏
也可将相关性高的数据组合呈现在一个卡片中，并使用通栏分割线区隔。
收藏
选择正确的可视化组件
当设计者对页面的结构有初步的思路之后，可根据信息粒度的大小来选择不同的可视化组件。信息粒度从大到小对应：指标卡和排行榜、图表、文本明细。
收藏
选择正确的色板
收藏
结语
以上就是今天分享的全部内容，我们下期再见！
注：以上文中配图均来自于网络或应用截图，仅作学习分享使用。
1
举报
|
声明
1
分享
原创文章
UI
网页
相关推荐
换一换
怎么找到体验设计灵感 第5期
247
三悠
怎么找到体验设计灵感第4期
413
三悠
最全的导航设计
836
三悠
B端数据可视化的设计思路
121
三悠
列表总是做不好？不知道什么原因，来这里看看
88
三悠
关注
管理后台系统
2459
灵机亿动
会员精选
HONEY PHOTOGRAPH
511
humansoka
推广
列表页设计总结
221
三悠
表单设计的三大场景
81
三悠
B端表单页设计总结
218
三悠
交互设计灵感总结
141
三悠
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
你可能喜欢
换一换
SUNRIMOON森瑞梦｜CYCLING HELMET CG｜气动骑行头盔
261
Natura_自然现象
Pada帕搭 | 为同行而生
376
来来lailai
#刚好是你 JUST TWO
151
宇琪Yuki
泰戈 | ТАЙГЕР | 连锁店的品牌重塑
249
A_Kiskov
扫地机割草机-近期项目合集
311
致命的
MiniMax H3，即将开源
242
MiniMaxDesign
相关收藏夹
换一换
关注
管理后台系统
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
登录即可同步推荐记录哦
1
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享
