加入收藏 | 设为首页 | 会员中心 | 我要投稿 广州站长网 (https://www.020zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 点评 > 正文

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

发布时间:2020-02-16 05:06:10 所属栏目:点评 来源:做站长
导读:副标题#e# 对于疫情的决策者与监管者来说,通过数据可视化大屏来掌握疫情发展状况,能够更为直观了解全局信息,有效节省决策时间。 前言 2020年的开端异常艰难,新型冠状病毒肺炎(NCP)疫情的爆发无疑是近些年最让人心痛的黑天鹅。 此刻,疫情仍然在蔓延,
副标题[/!--empirenews.page--]

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

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

前言

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

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

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

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

本文主要包含以下内容:

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

一、用户研究

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

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

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

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

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

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

二、需求分析

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

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

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

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

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

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

图片来源网络

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

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

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

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

三、数据分析

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

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

四、页面布局

1. 信息层级

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

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

2. 布局参考

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

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

页面布局参考一

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

页面布局参考二

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

页面布局参考三

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

3. 主、次、辅信息归纳

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

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

4. 大屏布局

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

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

5. 数据填充

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

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

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

五、选定可视化表达元素

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

(编辑:广州站长网)

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

推荐文章
    热点阅读