2020年春节是一个不寻常的春节,因为疫情许多人不得不封闭在家,每天刷微博刷到心慌;支付宝反应迅速,立马推出了疫情播报这个模块,实时播报最新的疫情情况;作为一个UI工作者,在查看数据的同时,也在关注这个模块的功能、交互及视觉中的变化,下面是我在有新的变化时截的图,可能不是很全面,欢迎大家补充。
2020.1.26支付宝上线“疫情实时动态频道”
入口就在首页的消息模块下面,这里以前是轮播海报,疫情模块刚上线时,应该是想加深印象,占用了整个海报模块,并且常驻,黄色的海报在整体的蓝色调中非常显眼。
二级页面:
初始的界面功能较为简单直接,此时海报的占比较大,同样是为了加深印象;功能区域是支付宝疫情期间的特色功能,每一个点进去都是一个专门的二级页面;然后下面就是大家最关心的疫情实时数据,包含国-省-市区;数据的颜色使用了比较经典的配色:警告性的红色,积极向上的绿色,以及沉重的黑色;在下面是一些辟谣科普;然后就是一些产品推荐的内容,此时产品推荐的结构还比较单一,因为重心还没有在这里。
总的来说,初版的疫情模块,主要重点是在于形象建立、印象加深,及重要数据展示,其他功能暂时辅助,所有视觉几乎都是静态,快速实现,快速上线,能够把数据实时传递出来,这是初版主要的目的。
2020.1.28
短短两天,我们能看到,不管是功能,交互还是界面都悄悄发生了巨大变化。 首先我们发现数据的位置发生了变化,把死亡人数放在了治愈的前面,可能是为了震慑民众吗?让民众意识到疫情的重要性?(大家可以思考一下);二是之前占位较大的辟谣科普下移,取而代之的是一些实时咨询功能,共同组成了实时数据模块(表层资讯);将疫情热点视频、疫情科普、辟谣、疫情权威解读等放在了一个模块上共同组成疫情的深层资讯;三是增加了“报平安”的互动模块,在增加与用户的交互之外,还能统计出一些可用的数据。
总的来说,这个版本经过整个界面上的整合与拆分,将数据的分类更加的明确:海报(吸睛,加深印象)-特色功能-表层的实时数据-深层的疫情数据-互动功能(人文关怀,数据采集)-购物推荐(卑微的最次级功能);使这个版本的查看逻辑更加顺畅。
2020.1.29
这个版本,卑微的购物推荐终于被提上日程了,毕竟支付宝还得给淘宝这个大哥引流。实时资讯的颜色改的更加明显;下面的报平安的互动模块,增加了动效,一点点的在完善视觉层的内容。(图3/4是点击查看更多后,一些图表数据)
2020.1.30
数据模块下增加一个主题海报:共抗新冠肺炎,给医护人员送保障;在给民众带来实时数据的同时,也呼吁民众关心前线的医护人员。
2020.2.3
数据模块增加了“疑似病例”,并且在每个数据下面,增加了对比数据“较昨日”,能更加解读数据的意义,发展趋势等。“数据来源备注”和查看更多的位置也有小调整,使模块的查看逻辑更加清晰,第一眼看到了数据,对比昨日了解现在疫情的大致情况,然后告知是来源于各地区卫健委,增加数据的权威性,然后再查看更多,查看更多详细的信息。
2020.2.6
我们能看到,首页的入口海报的颜色从之前的橙黄色变成了支付宝蓝,占比比之前增大。因为支付宝的疫情模块上线也有段时间了,已经把印象传递给用户,这时候把入口海报换成了更具支付宝特色的蓝色,与二级页面更加统一,品牌性也得到了统一,而且蓝色还有镇定的作用。
数据说明增加了标识,增加说明性,权威性。
底部的报平安互动模块,缩小了占地面积,位置上调,可能是为以后功能扩展做准备。
2020.2.8
数据模块下的海报换成了红色,在整个页面上更加突出,红色像警报一样拉响了全民抗疫的战役;文案也有所变动,直接了当的传达给用户“需要您的帮助”,帮助一线医疗人员寻求全社会医疗资源的捐助。
深层咨询模块的内容也有所变动,位置上变成了疫情症状科学预防-钟南山谈疫情-辟谣-专家解读。前两个较之前的“央视新闻播报”、“疫情24小时直播”更加接地气了。新冠肺炎哪些症状需要关注?怎么科学预防?这个模块整理了各路咨询后,加工成公众更容易理解的内容。钟南山专家,关注疫情的大家肯定对这个名字不陌生,2003他带领专家组出征非典,2022年,84岁高龄的他再战新冠病毒,对于大众来讲,钟南山专家像一个权威一样让大众信服。
查看更多这个页面,也新增了许多功能。增加了“发热门诊查询”的功能,并且把之前的医疗健康的重点功能“在线问医”“送药上门”放到下面。
数据模块部分,去掉了以前的小图标,直接用文字,指向性更加明确,也同样增加了较昨日,数据说明。
增加了三个悬浮功能:抗议肺炎专题(可关闭),更多医疗健康服务(医疗健康小程序入口),实时疫情订阅(推送消息)
2020.2.15
因为不知名原因,我忘记截首页和二级页面的图了,我们就分析分析查看更多这个三级页面吧。
首先医疗健康的功能增加;然后数据来源悄悄变了;订阅的功能按钮由之前的底部悬浮,改到了“我关注的-本地”旁边,使功能的使用更具备逻辑性,与相关的功能放一起了。订阅位置变动后,医疗健康的入口就变大了。
2020.2.22
OMG!首页入口海报怎么变成这个样子啦?从前的大圆角矩形变成了小圆角矩形,但是两边没有留出空隙,内容区域是变大了,但是整体视觉有些别扭,我第一眼以为是bug了..我有预感这块还会再变..
下面的悬浮按钮增加了“运动”小程序的入口,增加用户与支付宝的互动,呼吁大家在家里增加免疫力。