“NCP疫情分析管控”数据可视化大屏设计总结

对于疫情的决策者与监管者来说，通过数据可视化大屏来掌握疫情发展状况，能够更为直观了解全局信息，有效节省决策时间。

前言

2020年的开端异常艰难，新型冠状病毒肺炎（NCP）疫情的爆发无疑是近些年最让人心痛的黑天鹅。

此刻，疫情仍然在蔓延，如何利用全面、有效，及时的数据和可视化技术准确感知疫情态势，为决策者、管理人员提供宏观数据依据，节省决策时间，让数据可视化成为管理者和时间赛跑的帮手，是快速打赢这场“战疫”的关键。

在家为祖国做贡献期间，设计了该NCP疫情数据可视化大屏，并总结了一些关于数据可视化大屏设计的思考。

数据大屏的设计，需要拥有对动态数据的把握、分析和呈现的能力、用宏观的视野和细致入微的匠人之心让冰冷的数据产生温度。包括科学的运用图表、运用色彩、把控数据层级以及视觉层级，达到美学形式与功能需求完美融合。

本文主要包含以下内容：

一、用户研究

此次疫情数据大屏为To G方向，主要面向政府领导、管理员、决策者等。

此类用户人群大部分是中国的高知人群，从学历、社会地位、经济收入、家庭背景都占有相当的优势。

因为长期在政府工作，要求严谨、失误率低。对设计风格偏好简约、庄重、大气，不可过分绚丽。

大屏填充内容要遵循国家相关要求和当下政策环境。

考虑到此类用户大部分年龄偏大，信息传达要求易读，易懂。易懂指的是可视化数据最终考虑的还是用户，应该一看便明白，不需要过多的理解和思考时间。

选择图形时需要理性对待，避免为了视觉效果选择一些对用户不太友好的图形。

二、需求分析

需求分析要做到以用户为中心，场景化思考，要首先清楚数据大屏不同于其他信息管理系统的特点，主要包括以下几个方面：

1. 面积巨大——用户站远才能看全内容；
2. 深色背景——紧张感强，让视觉更好的聚焦，避免过分的视觉刺激；
3. 不可操作——大屏主要用来给来用户看的，一般不会直接操作大屏；
4. 空间局限——大屏不像网页有滚动条，它的长宽都是固定的；
5. 单独主题——每块大屏都有具体想给用户表达某个主题；

以上特点决定了大屏没有复杂的业务流程和任务流程，需求分析的重点在范围定义和信息架构设计及非功能性需求。

关于信息架构设计可以查看另一篇《UX Designers:设计优秀的用户体验之前你需要知道的》。

目前已有的疫情数据大屏，主要是对累计和当日的确诊、疑似及死亡人数的统计。统计范围也只是到市级的粒度。这样的数据并不能支撑高效、精准的决策。数据统计分析和可视化的最终意义是推动决策，帮助管理层提高决策效率。

图片来源网络

所以从时间和空间两个维度着手:

• 在时间维度加入对历史病例的追溯和对未来疫情发展的预测。
• 在空间维度上支持下钻到乡镇、街道和社区。

基于此分析规划出数据大屏的信息架构如下图所示：

三、数据分析

对需求分析结果中涉及的数据进行分析，可以为后面的设计和开发避开很多坑，需要思考以下八点：

1. 可以公开哪些数据？很多信息很敏感。
2. 数据来源有哪些？如果接第三方数据，接口是否稳定？
3. 能获取的数据精度怎样？精度与数据分析指标息息相关。
4. 预先评估数据量的级别多大？
5. 如何实时刷新大批量数据？
6. 维度会是用户都想看的吗
7. 应该使用哪种可视化方式
8. 展现这些数据，有意义吗

四、页面布局

1. 信息层级

在策划布局前，需要先安排好信息的层级，如下图所示，不可出现重合遮挡。

2. 布局参考

实际项目开发中，需要提前和用户沟通大屏拼接规格尺寸、观看方式。例如观看距离较近、较远、环视或总览等，几种常见的信息布局如下：

页面布局参考一

页面布局参考二

页面布局参考三

以上三种常规布局仅供参考，实际项目中遇到的情况通常会以上复杂很多，需要灵活变通。

3. 主、次、辅信息归纳

根据需求分析的结果对主要信息、次要信息和辅助信息进行归纳分析。分析结果如下图所示：

4. 大屏布局

分析出主要数据、次要数据、辅助数据，与总分数据，还要剖析图表运用的合理性和大屏的设计比例尺寸等，，最终可以通过分析，对页面有个合理的布局展示。

5. 数据填充

将信息填充布局后的效果如下图：

至此已经可以看出大屏的骨架了，不过万里长征也才完成了大概五分之二。

五、选定可视化表达元素

信息和布局确定了，如何实现直观、甚至是酷炫的展示效果，需要确立数据指标分析维度和清楚不同类型图表使用场景及优劣。

（编辑：财气旺网 - 海宁网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!