基于疫情背景下的体温打卡小程序界面设计与思考

赵红英 李佳涵 解肖军

摘要：自2020年新型冠状病毒肺炎疫情出现以来，各地区以及各单位、学校等都开始了每日体温打卡任务，越来越多的APP、小程序出现。市场探究发现许多体温打卡界面存在着界面设计单一，页面不符合移动端屏幕尺寸，导致信息缺失等问题。为提高体温录入的效率，本文从服务设计的角度出发，提出构建“温度”微信小程序的设计策略与实践。基于用户体验设计，挖掘当前新冠疫情背景下體温录入及统计存在的问题，力求设计一款统计体温与个人健康情况的产品，通过对小程序的设计与思考，帮助人们更好地开展疫情期间个人体温记录及健康情况管理服务，助力社会安全建设。

关键词：疫情;设计;小程序;体温

引言

疫情的爆发，极大地阻碍了人们日常的出行活动，大部分时间人们都是处在自我隔离、自我防护的状态下。各个社区、各个单位及学校每天都进行线上体温录入及个人健康情况汇报，越来越多的APP及小程序被开发和应用。文章基于服务设计思维，通过用户体验挖掘现有小程序设计存在的问题，并对“温度”小程序进行设计及思考，解决了界面设计粗糙，体温记录缺乏互动性等问题，为疫情期间体温打卡小程序提供一些创新思路。

一、研究背景及现状

（一）研究背景

新冠病毒的爆发，让人们越来越重视个人的身体健康情况，在政府及社区等的充分管理下，目前越来越多的体温打卡界面出现，每个企业都有自己的打卡系统，用来统计个人体温及个人健康情况，然而许多APP及小程序的设计，功能过于单一、界面设计效果差、互动性差，都不能满足疫情期间所需。体温打卡小程序的开发与创新设计，有利于对疫情的防控带来积极影响。

微信小程序是可以在微信里直接下拉的，是微信APP的附属品。是一种全新的链接用户和服务的方式，在微信小程序出现之前，淘宝、支付宝就有小程序的嵌入，它是一种新的互动模式，比APP更容易开发。容量较小的小程序，可完全忽略下载安装时间和所占内存。本产品嵌入在微信里，是由于微信是人们最常用的APP，嵌入到微信里，也可以使更多人接受。

（二）研究现状

突如其来的疫情让人们在日常生活中更加关注个人的身体健康状况，各单位、学校有些是在群里汇报个人身体状况，也有一些公司做了链接或者小程序进行体温填报。由于越来越多的界面的出现，诸多的设计问题也暴露了出来，如管理方式简单粗暴、防疫形式主义等。传统的界面设计以填报体温功能为主，忽视了用户与用户之间的互动性，从而降低了用户的留存率，许多用户都不会主动填报个人健康信息，如何优化产品的服务链是增加用户留存率的关键。

大部分体温记录程序，用户留存率较低，用户的使用时间、使用频次过少，没有过多的延展功能，使用者在此程序上面就不会花费时间精力。由于疫情影响，许多产品的界面设计都不再只注重使用者的功能需求，进一步融入了精神需求，在冰冷的数字下，传播一些温暖积极的情绪。有的在页面设计上加入暖色调，让视觉感受温暖起来;有的会加入一些IP拟人形象，增加与用户之间的亲近感;还有一些在满足基本功能的前提下，加入了一些公益项目，捐钱捐物等活动，鼓舞人心，同心抗议。这些以用户为中心的服务设计，都会使用户对产品的使用愿望大大提高。

二、服务视角下的小程序设计策略

体温打卡是全民抗疫的基础，基于上述研究现状的不足，通过挖掘用户的隐性需求，本文采用服务设计的方法，对产品功能提供一些扩展，打造一站式服务，为个人健康信息统计提供了一个新的平台。

（一）注重用户需求导向

大部分体温录入页面往往忽略用户的个性化需求，功能过于单一，只能录入体温，没有其他功能扩展，逻辑分散，许多可用的功能无法链接。

通过对200位用户个性化需求进行分析，建立三种人物模型，如表1所示。

得出以下需求结论：为减少时间消耗，应加强页面信息层次结构对比，简化操作步骤，提高产品的易用性，降低用户学习成本，从而提升用户的存活率;适当加入一些互动页面，用户与用户之间互动起来，促使全民参与进来。人们了解疫情最近发展情况，通常是查看疫情实时数据，把疫情数据与体温录入结合起来，在人们查看疫情数据的同时，一键点击即可录入个人体温，功能上的衔接，也可以使录体温变成省时省力的事。

（二）产品功能定位

体温录入不仅要满足记录体温的需求，还要增加用户的参与度，设置延展功能，增强用户与程序、用户与用户之间的互动性;同时满足用户个性化需求，才能增加竞争力，小程序的普及范围才越来越广。

设置体温打卡次数排行榜：每天上限录入三次体温，早中晚各一次，录入次数可累计30天，打卡次数与微信好友采取实时排名，每月1号清零一次。增加用户与用户之间的互动性，形成良好的互动模式，通过排行竞争，促使人们主动地填写体温，有利于个人健康情况的了解及防疫工作的展开。

打卡次数置换口罩活动：用户通过每天打卡体温累计积分，打卡一次积分10分，达到一定积分，可以领取医用口罩。该项目一方面希望通过这个活动做一些免费口罩的捐助，另一方面在领取口罩时，需入群和关注公众号达到一些引流的目的。

行动轨迹打卡：录入体温的同时，可提交目前状态，例如宅在家中、探访亲友、采购食品等，打卡时可获取地理位置信息。打卡成功后会有提示语，默认打卡成功，如果距离上一次打卡地点比较远或外出，会提示做好防护。

三、“温度”微信小程序设计

“温度”微信小程序基于录体温功能的基础上，加入打卡次数排行榜、捐赠口罩个数以及疫情数据即时展示，打造一站式服务。信息架构共分为三大模块：体温打卡、疫情数据、我的。“温度”作为小程序仅设计三大模块，避免功能复杂难以操作。

（一）交互原型设计

通过交互原型的设计，设计师可以快速掌握程序结构，方便后续设计的展开。通过项目定位、基本功能等综合考虑，整理出主要关键词，通过关键词来确定设计风格以及动效、交互等。关键词：简约、高效。

界面采用卡片圆曲率，页面的整体风格采用卡片设计和留白设计，卡片的圆角柔和给予用户亲和感，如图1所示。将首页的功能模块，化繁为简，页面布局更加简洁通透，方便用户操作，大间距、大留白，呼吸感更强。适当調整页面视觉层次由强到弱合理分布，首先用户应该看到的是本小程序的设计核心——体温打卡按钮，将体温记录的按钮放大，安放在页面中下方，符合人体工程学，单手操作便捷。

（二）界面视觉设计

视觉设计是指以用户需求为出发点，将色彩、字体、版式进行有效地整合，使设计与功能和谐统一。根据产品定位及用户需求导向，定位本小程序视觉设计风格，设计关键词：有趣、简洁、温暖。

有趣是指在视觉上传达产品有趣好玩的感觉，从而吸引用户体验及探索小程序;简洁是指降低用户在寻找信息时的脑力消耗，降低用户的学习成本;温暖是指产品不仅是一个记录体温的工具，作为一个在疫情期间推出的小程序，想给大家更多的温暖与关心，而不是冰冷的数字与数据。

在视觉颜色的选择上采用橘色，暖色调作为主色，营造一种温暖、轻松的氛围，辅助色选用中黄和明度较低的翠绿色，结合黑白灰三种颜色。页面色块用色是在标准色的基础上采用了渐变色，加上透明度较高的色块装饰，使页面更加灵动，相对来说色彩饱和度较高，越醒目越能够吸引用户的注意力，如图2所示。

字体设计上都采用苹方字体作为字体规范，苹方字体不仅字形优美，而且能提升在手机、电脑屏幕上的清晰度以及易读性。

图标规范上Tab图标采用了面型高亮，表现力强，用户在使用时能够快速清楚的知道自己所处的位置。统一图标整体风格，提升图标的识别度、统一性及趣味性，提升产品视觉表现。Tab图标设计了动画效果，触发动效让Tab图标显得更生动有趣，同时也是强调了切换后的状态，图标放大缩小的过程中，使用了匀速动画效果，整体动画一步到位，干净利落。

结论

本文基于疫情时代背景，分析了现有录体温小程序界面设计及功能设计的不足，结合用户需求，提出“温度”体温打卡小程序升级策略。通过用户需求分析、市场竞品调研，将小程序与疫情防控相结合，优化了用户体验流程，有效减少了人们录入体温及个人健康情况时的不便，为疫情防控与个人健康信息统计提供了一些新思路。

参考文献

[1]徐跃东，汪颖.基于新冠疫情背景下的社区APP设计研究[J].设计，2021，34（07）：154-157.

[2]高俊虹，贾会利，张乐，郭莹莹.新冠疫情背景下的抗疫防护设计新趋向[J].创意与设计，2020（06）：27-34.

[3]周全兴，李秋贤.基于微信小程序的疫情健康监测系统设计与实现[J].现代信息科技，2020，4（22）：110-112.

[4]方媛，张捷.再娱乐——后疫情时期的大众文化消费趋势及对策研究[J].南京艺术学院学报（美术与设计），2020（05）：173-179.

[5]韩舶.微信小程序发展现状及其前景探析[J].数字传媒研究，2020，37（08）：5-9.

[6]许世虎，曾梵影.微信小程序界面设计与用户黏性影响因素关系研究[J].美与时代（上），2020（01）：54-56.

（河北科技大学  河北  石家庄  050018）