1. 需求调研
模块 | 输出 |
---|---|
业务需求调研 | 《业务需求调研报告》 |
硬件调研 | 《大屏采购硬件清单》 |
数据调研 | 《数据质量调研报告》 |
关键性技术预研 | 《技术预研报告》 |
1.1 业务需求调研
1.1.1 根据业务场景抽取关键指标
关键指标是一些概括性词语,是对一组或者一系列数据的统称。
确定关键指标后,根据业务需求拟定各个指标展示的优先级(主、次、辅)。
-
主:反应核心业务内容的
-
次:用于进一步阐述主要指标的
-
辅:主要指标的补充信息
样例如下:
1.1.2 定义指标分析维度
同一个指标的数据,从不同维度分析就有不同结果。
-
比较类:数据之间存在何种差异、差异主要体现在哪些方面
-
分布类:指标里的数据主要集中在什么范围、表现出怎样的规律
-
流程类:
-
地图类:
-
占比类:指标里的数据都由哪几部分组成、每部分占比如何
-
区间类:
-
关联类:数据之间的相关性
-
时间类
-
趋势类:
1.1.3 确定可视化图表类型
当确定了某个数据关系类型后,就可以根据该数据的使用场景查找出相对应的图表和使用建议,并在其中进行选择。
以一份购物城数据为例:
1.2 硬件调研
大屏是否已买,大屏分辨率,大屏显卡所支持的分辨率输出,显卡是否支持自定义分辨率,HTML 线支持的分辨率。
了解物理大屏分辨率,确定设计稿尺寸。
1.3 数据质量调研
数据源(是否填报)、数据更新周期
数据情况 | 举例 |
---|---|
数据来源 | 填报、读业务库、读中间库 |
数据单位 | 单位、小数位 |
数据更新频率 | 实时、准实时 |
2. 原型设计
输出 |
---|
指标排版图 |
根据排版好的内容落地成原型图(Demo) |
2.1 大屏指标排版图
根据之前定好的业务指标进行排版:
-
主:核心业务指标安排在中间位置、占较大面积,多为动态效果丰富的地图
-
次:次要指标位于屏幕两侧,多为各类图表
-
辅:辅助分析的内容,可以通过钻取联动、轮播显示
一般把有关联的指标让其相邻或靠近,把图表类型相近的指标放一起,这样能减少观者认知上的负担并提高信息传递的效率。
2.2 输出大屏原型 Demo
3. 可视化设计
3.1 定义设计风格
首先考虑报表的定位,用户群体,公司品牌,受众年龄层等方面。
根据以上的报表需求,能得到关于报表搭配的关键词。再根据关键词来选择合适的配色方案。
3,2 根据Demo制作UI效果图
根据定义好的「设计风格」与「大屏原型图Demo」进行合理地可视化设计。
3.3 效果图落地
输出切图。
3.4 美化Demo
根据效果图进行进一步美化。
4. 大屏调试
4.1 视觉放方面的测试
关键视觉元素、字体字号、页面动效、图形图表等是否按预期显示、有无变形、错位等情况。
4.2 性能与数据方面的测试
图形图表动画是否流畅、数据加载、刷新有无异常;页面长时间展示是否存在奔溃、卡死等情况;后台控制系统能否正常切换前端页面显示。
5. 上线运行
熄屏问题
播放周期
6. 设计的大屏demo
主要注意图标的设计,最重要的是地图展示销量