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

趙紅英 李佳涵 解肖軍

摘要：自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）