基于疫情背景下的體溫打卡小程序界面設計與思考

趙紅英 李佳涵 解肖軍

摘要：自2020年新型冠狀病毒肺炎疫情出現(xiàn)以來，各地區(qū)以及各單位、學校等都開始了每日體溫打卡任務，越來越多的APP、小程序出現(xiàn)。市場探究發(fā)現(xiàn)許多體溫打卡界面存在著界面設計單一，頁面不符合移動端屏幕尺寸，導致信息缺失等問題。為提高體溫錄入的效率，本文從服務設計的角度出發(fā)，提出構(gòu)建“溫度”微信小程序的設計策略與實踐?；谟脩趔w驗設計，挖掘當前新冠疫情背景下體溫錄入及統(tǒng)計存在的問題，力求設計一款統(tǒng)計體溫與個人健康情況的產(chǎn)品，通過對小程序的設計與思考，幫助人們更好地開展疫情期間個人體溫記錄及健康情況管理服務，助力社會安全建設。

關鍵詞：疫情;設計;小程序;體溫

引言

疫情的爆發(fā)，極大地阻礙了人們?nèi)粘５某鲂谢顒?，大部分時間人們都是處在自我隔離、自我防護的狀態(tài)下。各個社區(qū)、各個單位及學校每天都進行線上體溫錄入及個人健康情況匯報，越來越多的APP及小程序被開發(fā)和應用。文章基于服務設計思維，通過用戶體驗挖掘現(xiàn)有小程序設計存在的問題，并對“溫度”小程序進行設計及思考，解決了界面設計粗糙，體溫記錄缺乏互動性等問題，為疫情期間體溫打卡小程序提供一些創(chuàng)新思路。

一、研究背景及現(xiàn)狀

（一）研究背景

新冠病毒的爆發(fā)，讓人們越來越重視個人的身體健康情況，在政府及社區(qū)等的充分管理下，目前越來越多的體溫打卡界面出現(xiàn)，每個企業(yè)都有自己的打卡系統(tǒng)，用來統(tǒng)計個人體溫及個人健康情況，然而許多APP及小程序的設計，功能過于單一、界面設計效果差、互動性差，都不能滿足疫情期間所需。體溫打卡小程序的開發(fā)與創(chuàng)新設計，有利于對疫情的防控帶來積極影響。

微信小程序是可以在微信里直接下拉的，是微信APP的附屬品。是一種全新的鏈接用戶和服務的方式，在微信小程序出現(xiàn)之前，淘寶、支付寶就有小程序的嵌入，它是一種新的互動模式，比APP更容易開發(fā)。容量較小的小程序，可完全忽略下載安裝時間和所占內(nèi)存。本產(chǎn)品嵌入在微信里，是由于微信是人們最常用的APP，嵌入到微信里，也可以使更多人接受。

（二）研究現(xiàn)狀

突如其來的疫情讓人們在日常生活中更加關注個人的身體健康狀況，各單位、學校有些是在群里匯報個人身體狀況，也有一些公司做了鏈接或者小程序進行體溫填報。由于越來越多的界面的出現(xiàn)，諸多的設計問題也暴露了出來，如管理方式簡單粗暴、防疫形式主義等。傳統(tǒng)的界面設計以填報體溫功能為主，忽視了用戶與用戶之間的互動性，從而降低了用戶的留存率，許多用戶都不會主動填報個人健康信息，如何優(yōu)化產(chǎn)品的服務鏈是增加用戶留存率的關鍵。

大部分體溫記錄程序，用戶留存率較低，用戶的使用時間、使用頻次過少，沒有過多的延展功能，使用者在此程序上面就不會花費時間精力。由于疫情影響，許多產(chǎn)品的界面設計都不再只注重使用者的功能需求，進一步融入了精神需求，在冰冷的數(shù)字下，傳播一些溫暖積極的情緒。有的在頁面設計上加入暖色調(diào)，讓視覺感受溫暖起來;有的會加入一些IP擬人形象，增加與用戶之間的親近感;還有一些在滿足基本功能的前提下，加入了一些公益項目，捐錢捐物等活動，鼓舞人心，同心抗議。這些以用戶為中心的服務設計，都會使用戶對產(chǎn)品的使用愿望大大提高。

二、服務視角下的小程序設計策略

體溫打卡是全民抗疫的基礎，基于上述研究現(xiàn)狀的不足，通過挖掘用戶的隱性需求，本文采用服務設計的方法，對產(chǎn)品功能提供一些擴展，打造一站式服務，為個人健康信息統(tǒng)計提供了一個新的平臺。

（一）注重用戶需求導向

大部分體溫錄入頁面往往忽略用戶的個性化需求，功能過于單一，只能錄入體溫，沒有其他功能擴展，邏輯分散，許多可用的功能無法鏈接。

通過對200位用戶個性化需求進行分析，建立三種人物模型，如表1所示。

得出以下需求結(jié)論：為減少時間消耗，應加強頁面信息層次結(jié)構(gòu)對比，簡化操作步驟，提高產(chǎn)品的易用性，降低用戶學習成本，從而提升用戶的存活率;適當加入一些互動頁面，用戶與用戶之間互動起來，促使全民參與進來。人們了解疫情最近發(fā)展情況，通常是查看疫情實時數(shù)據(jù)，把疫情數(shù)據(jù)與體溫錄入結(jié)合起來，在人們查看疫情數(shù)據(jù)的同時，一鍵點擊即可錄入個人體溫，功能上的銜接，也可以使錄體溫變成省時省力的事。

（二）產(chǎn)品功能定位

體溫錄入不僅要滿足記錄體溫的需求，還要增加用戶的參與度，設置延展功能，增強用戶與程序、用戶與用戶之間的互動性;同時滿足用戶個性化需求，才能增加競爭力，小程序的普及范圍才越來越廣。

設置體溫打卡次數(shù)排行榜：每天上限錄入三次體溫，早中晚各一次，錄入次數(shù)可累計30天，打卡次數(shù)與微信好友采取實時排名，每月1號清零一次。增加用戶與用戶之間的互動性，形成良好的互動模式，通過排行競爭，促使人們主動地填寫體溫，有利于個人健康情況的了解及防疫工作的展開。

打卡次數(shù)置換口罩活動：用戶通過每天打卡體溫累計積分，打卡一次積分10分，達到一定積分，可以領取醫(yī)用口罩。該項目一方面希望通過這個活動做一些免費口罩的捐助，另一方面在領取口罩時，需入群和關注公眾號達到一些引流的目的。

行動軌跡打卡：錄入體溫的同時，可提交目前狀態(tài)，例如宅在家中、探訪親友、采購食品等，打卡時可獲取地理位置信息。打卡成功后會有提示語，默認打卡成功，如果距離上一次打卡地點比較遠或外出，會提示做好防護。

三、“溫度”微信小程序設計

“溫度”微信小程序基于錄體溫功能的基礎上，加入打卡次數(shù)排行榜、捐贈口罩個數(shù)以及疫情數(shù)據(jù)即時展示，打造一站式服務。信息架構(gòu)共分為三大模塊：體溫打卡、疫情數(shù)據(jù)、我的?！皽囟取弊鳛樾〕绦騼H設計三大模塊，避免功能復雜難以操作。

（一）交互原型設計

通過交互原型的設計，設計師可以快速掌握程序結(jié)構(gòu)，方便后續(xù)設計的展開。通過項目定位、基本功能等綜合考慮，整理出主要關鍵詞，通過關鍵詞來確定設計風格以及動效、交互等。關鍵詞：簡約、高效。

界面采用卡片圓曲率，頁面的整體風格采用卡片設計和留白設計，卡片的圓角柔和給予用戶親和感，如圖1所示。將首頁的功能模塊，化繁為簡，頁面布局更加簡潔通透，方便用戶操作，大間距、大留白，呼吸感更強。適當調(diào)整頁面視覺層次由強到弱合理分布，首先用戶應該看到的是本小程序的設計核心——體溫打卡按鈕，將體溫記錄的按鈕放大，安放在頁面中下方，符合人體工程學，單手操作便捷。

（二）界面視覺設計

視覺設計是指以用戶需求為出發(fā)點，將色彩、字體、版式進行有效地整合，使設計與功能和諧統(tǒng)一。根據(jù)產(chǎn)品定位及用戶需求導向，定位本小程序視覺設計風格，設計關鍵詞：有趣、簡潔、溫暖。

有趣是指在視覺上傳達產(chǎn)品有趣好玩的感覺，從而吸引用戶體驗及探索小程序;簡潔是指降低用戶在尋找信息時的腦力消耗，降低用戶的學習成本;溫暖是指產(chǎn)品不僅是一個記錄體溫的工具，作為一個在疫情期間推出的小程序，想給大家更多的溫暖與關心，而不是冰冷的數(shù)字與數(shù)據(jù)。

在視覺顏色的選擇上采用橘色，暖色調(diào)作為主色，營造一種溫暖、輕松的氛圍，輔助色選用中黃和明度較低的翠綠色，結(jié)合黑白灰三種顏色。頁面色塊用色是在標準色的基礎上采用了漸變色，加上透明度較高的色塊裝飾，使頁面更加靈動，相對來說色彩飽和度較高，越醒目越能夠吸引用戶的注意力，如圖2所示。

字體設計上都采用蘋方字體作為字體規(guī)范，蘋方字體不僅字形優(yōu)美，而且能提升在手機、電腦屏幕上的清晰度以及易讀性。

圖標規(guī)范上Tab圖標采用了面型高亮，表現(xiàn)力強，用戶在使用時能夠快速清楚的知道自己所處的位置。統(tǒng)一圖標整體風格，提升圖標的識別度、統(tǒng)一性及趣味性，提升產(chǎn)品視覺表現(xiàn)。Tab圖標設計了動畫效果，觸發(fā)動效讓Tab圖標顯得更生動有趣，同時也是強調(diào)了切換后的狀態(tài)，圖標放大縮小的過程中，使用了勻速動畫效果，整體動畫一步到位，干凈利落。

結(jié)論

本文基于疫情時代背景，分析了現(xiàn)有錄體溫小程序界面設計及功能設計的不足，結(jié)合用戶需求，提出“溫度”體溫打卡小程序升級策略。通過用戶需求分析、市場競品調(diào)研，將小程序與疫情防控相結(jié)合，優(yōu)化了用戶體驗流程，有效減少了人們錄入體溫及個人健康情況時的不便，為疫情防控與個人健康信息統(tǒng)計提供了一些新思路。

參考文獻

[1]徐躍東，汪穎.基于新冠疫情背景下的社區(qū)APP設計研究[J].設計，2021，34（07）：154-157.

[2]高俊虹，賈會利，張樂，郭瑩瑩.新冠疫情背景下的抗疫防護設計新趨向[J].創(chuàng)意與設計，2020（06）：27-34.

[3]周全興，李秋賢.基于微信小程序的疫情健康監(jiān)測系統(tǒng)設計與實現(xiàn)[J].現(xiàn)代信息科技，2020，4（22）：110-112.

[4]方媛，張捷.再娛樂——后疫情時期的大眾文化消費趨勢及對策研究[J].南京藝術(shù)學院學報（美術(shù)與設計），2020（05）：173-179.

[5]韓舶.微信小程序發(fā)展現(xiàn)狀及其前景探析[J].數(shù)字傳媒研究，2020，37（08）：5-9.

[6]許世虎，曾梵影.微信小程序界面設計與用戶黏性影響因素關系研究[J].美與時代（上），2020（01）：54-56.

（河北科技大學 ?河北 ?石家莊 ?050018）