“NCP疫情分析管控”数据可视化大屏设计总结
副标题[/!--empirenews.page--]
前言2020年的开端异常艰难,新型冠状病毒肺炎(NCP)疫情的爆发无疑是近些年最让人心痛的黑天鹅。 此刻,疫情仍然在蔓延,如何利用全面、有效,及时的数据和可视化技术准确感知疫情态势,为决策者、管理人员提供宏观数据依据,节省决策时间,让数据可视化成为管理者和时间赛跑的帮手,是快速打赢这场“战疫”的关键。 在家为祖国做贡献期间,设计了该NCP疫情数据可视化大屏,并总结了一些关于数据可视化大屏设计的思考。 数据大屏的设计,需要拥有对动态数据的把握、分析和呈现的能力、用宏观的视野和细致入微的匠人之心让冰冷的数据产生温度。包括科学的运用图表、运用色彩、把控数据层级以及视觉层级,达到美学形式与功能需求完美融合。 本文主要包含以下内容: 一、用户研究此次疫情数据大屏为To G方向,主要面向政府领导、管理员、决策者等。 此类用户人群大部分是中国的高知人群,从学历、社会地位、经济收入、家庭背景都占有相当的优势。 因为长期在政府工作,要求严谨、失误率低。对设计风格偏好简约、庄重、大气,不可过分绚丽。 大屏填充内容要遵循国家相关要求和当下政策环境。 考虑到此类用户大部分年龄偏大,信息传达要求易读,易懂。易懂指的是可视化数据最终考虑的还是用户,应该一看便明白,不需要过多的理解和思考时间。 选择图形时需要理性对待,避免为了视觉效果选择一些对用户不太友好的图形。 二、需求分析需求分析要做到以用户为中心,场景化思考,要首先清楚数据大屏不同于其他信息管理系统的特点,主要包括以下几个方面:
以上特点决定了大屏没有复杂的业务流程和任务流程,需求分析的重点在范围定义和信息架构设计及非功能性需求。 关于信息架构设计可以查看另一篇《UX Designers:设计优秀的用户体验之前你需要知道的》。 目前已有的疫情数据大屏,主要是对累计和当日的确诊、疑似及死亡人数的统计。统计范围也只是到市级的粒度。这样的数据并不能支撑高效、精准的决策。数据统计分析和可视化的最终意义是推动决策,帮助管理层提高决策效率。 图片来源网络 所以从时间和空间两个维度着手:
基于此分析规划出数据大屏的信息架构如下图所示: 三、数据分析对需求分析结果中涉及的数据进行分析,可以为后面的设计和开发避开很多坑,需要思考以下八点:
四、页面布局1. 信息层级在策划布局前,需要先安排好信息的层级,如下图所示,不可出现重合遮挡。 2. 布局参考实际项目开发中,需要提前和用户沟通大屏拼接规格尺寸、观看方式。例如观看距离较近、较远、环视或总览等,几种常见的信息布局如下: 页面布局参考一 页面布局参考二 页面布局参考三 以上三种常规布局仅供参考,实际项目中遇到的情况通常会以上复杂很多,需要灵活变通。 3. 主、次、辅信息归纳根据需求分析的结果对主要信息、次要信息和辅助信息进行归纳分析。分析结果如下图所示: 4. 大屏布局分析出主要数据、次要数据、辅助数据,与总分数据,还要剖析图表运用的合理性和大屏的设计比例尺寸等,,最终可以通过分析,对页面有个合理的布局展示。 5. 数据填充将信息填充布局后的效果如下图: 至此已经可以看出大屏的骨架了,不过万里长征也才完成了大概五分之二。 五、选定可视化表达元素信息和布局确定了,如何实现直观、甚至是酷炫的展示效果,需要确立数据指标分析维度和清楚不同类型图表使用场景及优劣。 (编辑:广州站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |