参考

请查收～阿里巴巴设计师带来的数据大屏可视化设计的保姆级教程（2021-04-09）
https://mp.weixin.qq.com/s/nQp—YGehvMORlQ24c9qqA
十年沉淀：深入数据可视化Dashboard（2021-04-20）
https://mp.weixin.qq.com/s/gaAjPsBOeMF9AOWbo2Kl4g

Dashboard和可视化大屏的区别

比较项 大屏 Dashboard
对象 群体，领导层、公众、全体员工 个体，领导个体、个体员工
目标 冲击感，让用户产生深刻印象 条理性，让用户理解数据观点
场景 监控、专题、领导等 业务KPI、用户分析、营销增长等
方式 物理大屏 电脑、手机
频率 低 高
地点 固定 不固定
共享 所有人共享 按角色甚至个人定制
布局 复杂，考虑尺寸、效果、拼缝等 简单，相对标准化
风格 炫酷 简洁
色彩 深色系背景图，色彩多，渐变多 浅色系纯色背景，色彩少，无渐变
图表 定制化强，象形图多，需设计师参与 标准化强，使用线饼柱等常规图表
3D图表 较多 较少
操作交互 无或较少 较多，需要筛选、切换、下钻等
动态效果 动态效果多 基本静态图
数据更新 定时自动更新、清缓存 手动刷新更新
设计重点 效果优先，指标辅助 指标优先，图表辅助
硬件要求 高性能、独立显卡的高配电脑 普通配置的电脑、手机即可
变更成本 高 低

Dashboard与工作台、门户的区别

门户、工作台和Dashboard相互之间有功能重叠的部分，在有些组织中可能只会有一个存在，但三者之间的功能定位有所不同。

比较项 门户 工作台 Dashboard
沟通方式 拉式 推式 交互式
目标用户 公众 角色 角色、个体
核心目的 信息中心 完成工作 理解现状
核心功能 单点登陆、统一消息、新闻公告、菜单管理、Banner轮播等 待办处理、工作日程、常用应用、工作进度、个人KPI图表等 筛选排序、下钻、联动、下载、转换图表、自定义布局、自定义图表等

流程-保姆级教程

五个流程：项目分析、大屏环境考察、设计流程、验收注意事项和标准化

项目分析

包括：业务背景、目的、产品、投放位置、适配、用户、行为路径、画像、数据来源、结构、数据极值、产出时效、质量等，再结合业务诉求和产品目标制定设计目标。
image.png

大屏环境考察

对大屏所处环境的调研，对整个设计流程至关重要。建议关注：设备、大屏位置、用户角色及座位分布。
LED屏、拼接屏。屏缝问题（0.3cm）。
image.png
老板主要关注核心指标、用户声音；数仓、开发、技术、PM、产品同学关注大屏稳定性和显示情况，业务主要关注大屏数据的准确性。
image.png
image.png
image.png

设计流程

（略）
内容分析，信息布局框架，选择图表、交互，定义视觉风格，动效，颜色，字体，搭建（拖拽式可视化工具）。

情绪板（Mood Board）指一系列图像、文字、样品的拼贴，是常用的表达设计定义和方向的设计方法论。方法是通过调研原生关键词 - 脑爆衍生关键词 - 搜索图片样式 - 提取情绪板 - 分析视觉风格。

验收注意事项

偏色（饱和度微调）；
屏缝（辅助线，规避信息在屏缝里）；
字体（字体包导入到投屏电脑）；
数据字符极值走查；
其他：灯光，装饰；

标准化

规范流程化，样式组件化，衡量标准化。
image.png