百度商桥

400-660-9989

uipower@uipower.com

数据可视化大屏的设计开发流程

发布时间:2021-11-30 18:45:35

数据可视化不仅能真实地还原复杂的数据结构,还能基于这些数据的细节,从而帮助用户了解系统中的相关信息。以最直观的结果来揭示问题的根源,也可以辅助人们快速去寻找解决办法。

数据可视化的意义和全部工作不只是绘制一个漂亮的图表。在进行可视化项目之前,我们需要做好以下工作。

1)了解该系统中的相关信息和目标任务。如:为实现该目标服务的目的、时间和地点的要求,使用者的基本情况,硬件设备的参数等也是不可缺少的重要信息。设计者也可进行现场设备考察,以完成下一步的设计。

2)与专业人员交流和决定数据和可视化元素之间的映射关系。例如,将生产数据映射成柱状图的长度(数据间比较)还是饼状图的面积大小(数据间的比例关系)。

3)确定可视化特点,以方便他们提供设计稿来确认最终屏幕呈现效果。另外,如果项目包含了很多页面,那么您也需要和设计者确认页面之间以及页面中组件是如何交互。

UIPower案列-UIpower

UIPower为大家列出了可视化项目中的9个具体步骤,详细说明每一阶段所需的文档。

一、项目规划

这一阶段主要确定产品的交付时间、预算、使用场景和可能的功能计划等基本信息。

二、需求分析

包括甲方的对接人员、技术人员,乙方的产品、设计、开发、运营等相关人员均需参与。这一阶段主要是确认产品需求的详细,同时也需要开发者参与评估。由于团队之间的时间合作受限,需要提前预约好时间。

三、原型设计

原型是设计前期用于交流的草稿,可基于它对产品页面中的各个数据部分进行计划,反复迭代产品功能,整理页面之间的逻辑关系,而非最终的设计稿。

四、原型评审

用户高层、对接人员、交互方设计、开发需要共同参与。乙方需要详细记录所有的反馈信息,并确认对方对其理解是否存在歧义。修订迭代过程需要对照评审意见清单逐条确认,确保所有问题都能被解决。

五、视觉设计

包含了页面设计、模型以及数据的设计。

六、设计审查

和原型审阅内容类似,可以在审评会前一天将有关资料发送给对方。

七、可视化大屏工具

确定了设计稿后,就可以在大屏幕上开始制作方案,选择合适的大屏幕布局,依次拖放合适的部件,再加上材料,就形成了简单的大屏幕工程,属性栏也可以对组件做详细的修改。

八、测试效果

确认客户的所有需求都已经完成,确保页面在各种极端的情况下依然能够正常运行。

九、交付接收

把经过测试的项目交付给客户,如果有修改建议,继续进行项目的优化开发,直到项目得到客户的同意交付。

UIPower案列-UIpower

以上就是大屏可视化的主要步骤。做好大屏可视化,可以高效的帮助用户收集、分析数据,降低用户对繁杂数据的理解成本,有利于更快速准确的做出决策。