结对第一次——疫情统计可视化(原型设计)
结对第一次——疫情统计可视化(原型设计)
这个作业属于哪个课程 | 2020春福大软工事件W班 |
---|---|
这个作业要求在哪里 | 结对第一次—疫情统计可视化(原型设计) |
结对学号 | 221701217、221701229 |
这个作业的目标 | 使用NABCD模型对问题描述,提供原型模型 |
作业正文 | 作业正文 |
其他参考文献 | axure基础教程 echarts文档 |
1.疫情统计可视化原型
- 部分效果图
2.原型开发工具
使用原型开发工具:Axure rp9.0
Axure RP是一款专业的快速原型设计工具.Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
3.NABCD模型描述
问题描述:了解新型冠状病毒肺炎疫情的当前形势——某次疫情统计可视化
目前新型冠状病毒肺炎疫情到了非常关键的时期,学校仍然是严阵以待。继续沿用我们在寒假作业(2/2)——疫情统计的问题,有一家统计网站每天都会提供一个对应的日志文本,记录国内各省前一天的感染情况,上次的疫情统计结果只是通过文字来显示,不够直观、具体,对用户不够友好,在本次作业里,我们希望可以通过地图的形式来直观显示疫情的大致分布情况,还可以查看具体省份的疫情统计情况。
-
在全国地图上使用不同的颜色代表大概确诊人数区间
- 颜色的深浅表示疫情的严重程度,可以直观了解高危区域;
- 鼠标移到每个省份会高亮显示;
- 点击鼠标会显示该省具体疫情情况
-
点击某个省份显示该省疫情的具体情况
显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数;
该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势
1.N(Need,需求)
客户希望可以通过地图的形式来直观显示疫情的大致分布情况,还可以查看具体省份的疫情统计情况
- 基本需求
在全国地图上使用不同的颜色代表大概确诊人数区间
颜色的深浅表示疫情的严重程度,可以直观了解高危区域;
鼠标移到每个省份会高亮显示;
点击鼠标会显示该省具体疫情情况
点击某个省份显示该省疫情的具体情况
显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数;
该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势
- 潜在需求
辟谣与疫情防护
新冠肺炎疫情发生以来,有关疫情传播态势、虚假防治措施等流言和谣言在网上传播,由于群众都自觉或是被动待在家里,最直接的获取信息方式莫过于网上,而谣言的横行引发不少群众误信误为,个别网民编造传播虚假病例数据等谣言,极易引发社会恐慌情绪,严重影响网络安全秩序和社会稳定,同时也给疫情防控工作带来严重干扰。因此客户可能需要一个谣言粉碎板块,帮助群众在防疫时期,更好的识别谣言。
2.A(Approach,做法)
关于疫情数据展示平台,其实各大IT公司已经为我们提供好了蓝本。本次作业原型模型设计大多参考了百度等网站的疫情地图设计。
功能 | 说明 |
---|---|
全国疫情地图 | 在全国地图上根据颜色的深浅来区别各省疫情严重程度 |
全国疫情趋势折线图 | 折线图中包含有具体全国新增确诊,累计确诊以及累计治愈、死亡趋势折线 |
各省份疫情统计表 | 表单中数据包含有各省现有确诊、疑似,重症以及累计确诊,治愈,死亡人数 |
各省份疫情趋势折线图 | 折线图中包含有具体省份新增确诊,累计确诊以及累计治愈、死亡趋势折线 |
谣言与防护知识模块 | 用一列表展示最近谣言及疫情的防护知识 |
3.B(Benefit,好处)
- 由于是Web应用,因此无论是手机、平板或者PC都可以随时随地访问,不需要付出迁移成本
- 用户可以及时得到新功能的发布与更新,无需额外升级
- 热搜谣言粉碎机功能模块,可以减少有关疫情传播态势、虚假防治措施等流言和谣言在网上传播
- 简洁清爽的界面,操作简单
- 直观展示疫情数据情况
4.C(Competitor,竞争)
优势
-
界面简洁清爽,操作简单
-
信息更新及时,紧跟各省及国家发布数据
-
提供热搜谣言粉碎机功能模块,减少谣言传播
-
无需下载其他app,只需要有浏览器即可访问
劣势
- 几大平台早已推出相关的疫情数据可视化平台且较为成熟,竞争压力大
- 受限于人力及时间限制,功能较为单一
5.D(Delivery,推广)
- 微信作为当前最火交流软件之一,在公众号加入网页入口可以十分有效地宣传产品
- QQ作为国内较老的交友平台,其影响力也不容小觑,在QQ空间或者小程序加入网页入口同样可以起到很好的宣传作用
- 向身边的人宣传自己的网站通过人们口口相传虽然效率低但也是一种办法
4.遇到的困难
- 1.对于图表动效的设计与直接实现有点困惑,其实图表要展现给客户效果其实就跟直接实现差别不大了
- 2.对原型设计软件的使用
解决办法
- 图表做了部分动态效果,没有整合真实数据,不会就百度看文档
收获
- 其实有时候官方文档比一大堆个人见解的文章简洁明了多了
- 结对工作效率会高不少
5.结对过程
-
根据客户需求分析需要的功能,做一个功能的表格作为制作原型时的参考
-
分工计划,讨论各自任务及需要的时间
-
学习相关知识,开始制作原型
-
发现实现过程中的困难,讨论解决方案
-
制作博客并进行总结
-
讨论照片
6.效能分析与PSP
效能分析
本次作业仅完成客户要求的原型部分以及NABCD模型故部分工作只有估计耗时部分。
PSP
PSP2.1 | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 60 | 60 |
Estimate | 估计这个任务需要多少时间 | 60 | 60 |
Development | 开发 | 720 | 600 |
Analysis | 需求分析 (包括学习新技术) | 180 | 180 |
Design Spec | 生成设计文档 | 90 | 60 |
Design Review | 设计复审 | 20 | 30 |
Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 20 | 20 |
Design | 具体设计 | 300 | 240 |
Coding | 具体编码 | 480 | 550 |
Code Review | 代码复审 | 40 | 30 |
Test | 测试(自我测试,修改代码,提交修改) | 60 | 90 |
Reporting | 报告 | 60 | 60 |
Test Report | 测试报告 | 60 | 20 |
Size Measurement | 计算工作量 | 30 | 20 |
Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 60 | 80 |
合计 | 2240 | 2240 |
7.感悟
最开始用墨刀进行原型的设计,而后发现似乎无法处理不规则的图形,转而使用axure rp。对于axure rp我觉得还是很不错的一款软件,它的功能十分的强大,但是这带来的代价就是使用它上手也变难了,我从设计这个原型中学到了很多 。对于构建之法所说的通过不断地练习将低层次的问题的解决才有脑力解决高层次的问题我在构建原型时深有体会,由于对axure rp的使用并不熟练,经常需要上网查阅资料,浪费了很多宝贵的时间,不过这也是使用axure必要的成长