老李已经不止一次看到大家私信我问说:“我知道可以套模板或者自己设计可视化大屏了,但一直不清楚可视化大屏具体制作流程是啥样的,主要是指如何跟业务沟通需求,如何修改自适应页面等?”
所以今天,我就特意写一篇教程来告诉大家:如何从0-1(从接到需求到上线运行)制作出一张可视化大屏。
内容较多,为了能让你清楚理解每一个步骤,我分为了(上)(下)两篇去写,请耐心看完,你一定会有所收获!
这里先跟大家说下,企业里开发一张可视化大屏的主要流程,可分为7步
第一步:业务需求调研一般来说,我们去做可视化大屏都是出于接到业务部门/领导的需求,所以第一步自然是对需求去做调研。对于完整的大屏项目实施而言,我们在需求调研阶段需要做好以下3份文档的准备,来确保我们进行完整的需求调研:
文档一:业务需求调研报告
业务需求调研报告主要包括3大点:
①根据业务场景提炼的关键指标
我们要与需求方沟通大屏业务场景,明确需要侧重展示的内容或大屏要呈现的“story”,根据需求提炼关键业务数据指标。举个例子,某制造行业的监控指挥中心大屏,位于一个大型指挥管控中心,需要监控到的数据包括销售运营、生产运行、物流管理、客户质量和园区的安保能耗这5个模块,而这些就是“业务关键数据”。
②拟定数据的主、次、辅
在上面我们说到,大屏是会有侧重展示某些数据的,我们要拟定上面“关键业务数据”的主、次、辅。
- 主要信息呈现业务的主要逻辑,一般放在显眼位置、用重点元素标识;
- 次要信息围绕主要信息做解释;
- 辅助信息是主要信息的补充,放在角落位置,或者鼠标悬浮显示。
在下图中,主要信息用红旗标识,次要信息用黄旗标识,辅助信息用绿旗标识,大屏视觉设计遵循这个优先级。