面向空巢老年用戶的服藥APP界面色彩優(yōu)化設(shè)計研究

張娜 王裕/西安科技大學(xué)

1 服藥APP界面設(shè)計研究背景

在我國老年人口迅速增加的背景下，空巢老人的數(shù)量也日益增長，關(guān)于老人的用藥問題得到社會關(guān)注。目前市場上的服藥產(chǎn)品面向年輕群體，很少以老年群體為目標(biāo)用戶。而空巢老人由于生理、心理的特殊性，在服藥過程中的多服、漏服、錯服等問題已經(jīng)影響到空巢老人的健康。本文對老年人的家庭用藥需求的深入研究基礎(chǔ)上，提升老年人在服藥過程中使用移動工具服藥界面的滿意度。

2 服藥類APP界面的案例分析

本案例基于用戶體驗設(shè)計，通過對“叮嚀”“吃藥啦”“藥準(zhǔn)時”服藥APP界面色彩感分析。不同于傳統(tǒng)醫(yī)療類軟件如購藥平臺、就醫(yī)平臺等線上非親情紐帶的就醫(yī)模式，通過分析十幾款同類型服藥產(chǎn)品后，挑選“叮嚀”“吃藥啦”“藥準(zhǔn)時”三種服藥產(chǎn)品的應(yīng)用“叮嚀”和“吃藥啦”在色彩設(shè)計方面是類似的。

2.1 服藥類APP案例的色彩

在服藥領(lǐng)域中，綠色和橙色象征著健康，“叮嚀”（圖1）和“吃藥啦”（圖2）的主界面采用單一色調(diào)，整體界面比較簡潔，“藥準(zhǔn)時”APP（圖3）的界面色彩設(shè)計中，界面色彩風(fēng)格并不協(xié)調(diào)。“叮嚀”采用較為醒目的橙紅色，而“吃藥啦”則是白色和綠色相輔相成，對于空巢老人的特殊視力和心理孤獨(dú)情況，因此在界面設(shè)計中可以考慮溫暖系色彩。

圖1 “叮嚀”界面色彩元素

圖2 “吃藥啦”界面版式設(shè)計

圖3 “藥準(zhǔn)時”界面圖形色彩元素

2.2 服藥類APP案例的圖形

根據(jù)不同使用需求提取特定圖形，明確其圖形功能，運(yùn)用設(shè)計中的排序手法來確定界面圖形的含義。 “藥準(zhǔn)時”App的家人服藥提醒、服藥記錄的兩個模塊因其節(jié)省頁面信息展示空間、高效率瀏覽等需求采用列表式布局。在進(jìn)入服藥界面時需要先選擇服藥設(shè)置區(qū)域才能進(jìn)入選擇，操作步驟簡潔，但大量使用圖形設(shè)計造成認(rèn)知負(fù)擔(dān)。因此根據(jù)空巢老人的審美喜好和認(rèn)知能力，將眾多圖形進(jìn)行簡化設(shè)計，提高界面圖形的識別度和通識性。

2.3 服藥類APP案例的版式

版式設(shè)計指版面的編排設(shè)計，版面主要分為網(wǎng)格式排版和自由式排版兩種，主要包含字級、行距大小等元素[1]。“叮嚀”APP，中間占據(jù)絕大版面的設(shè)計是家庭服藥提醒小組，采用了卡片式的布局設(shè)計；界面底部TAB標(biāo)簽式的導(dǎo)航設(shè)計分為“提醒”“家庭”“藥箱”“我的”四個模塊。因此，服藥界面版式色彩設(shè)計應(yīng)該少而精，不宜選用識別度不高的字體。

下面對三款服藥類APP作出進(jìn)一步的總結(jié)，比較和分析三款服藥APP的風(fēng)格、版式、色彩、圖形的異同，解讀服藥APP在界面色彩設(shè)計中應(yīng)考慮的問題。通過前文針對服藥類APP界面案例的分析研究，對三款服藥類APP做了進(jìn)一步的總結(jié)，比較和分析三款服藥APP的風(fēng)格、版式、色彩、圖形的異同，解讀服藥APP在界面設(shè)計中應(yīng)考慮的問題（表1）。

表1 三款服藥APP的對比與分析

3 服藥APP界面色彩需求分析

本文以實證研究的方法驗證服藥界面色彩是如何滿足空巢老人需求的。本案例通過對“叮嚀”“吃藥啦”“藥準(zhǔn)時”用戶進(jìn)行調(diào)查問卷以及眼動追蹤來了解服藥界面色彩對空巢老人滿意度的影響。

3.1 用戶黏性調(diào)查

本研究采用以線上問卷為主、用戶訪談為輔的方法，對服藥APP的用戶黏性進(jìn)行分析。對社區(qū)、養(yǎng)老院、醫(yī)院的服藥老年患者進(jìn)行訪談，同時對使用服藥APP頻率高的資深用戶和剛接觸服藥類APP的新手用戶發(fā)放問卷，用戶年齡基本在15至75周歲。共發(fā)放調(diào)查問卷150份，回收有效問卷137份。基于調(diào)查結(jié)果的分析對于服藥類APP界面的優(yōu)化具有一定的實用性，服藥APP用戶特征（圖4）。

圖4 服藥APP用戶特征

圖4 的結(jié)果顯示，有80%的用戶喜歡“吃藥啦”APP的原因是提醒功能界面色彩搭配比較合理，但是只有35%的空巢老人表示“吃藥啦”APP缺少色彩層次感；其余54%空巢老人則表示不喜歡該服藥界面色彩，原因是功能目標(biāo)層級過深導(dǎo)致誤觸APP其他功能區(qū)的現(xiàn)象，界面導(dǎo)航設(shè)計有些復(fù)雜；有38%的用戶因服藥中遇到忘記定時提醒而選擇放棄使用APP等，未考慮到空巢老人需求；22%的空巢老人則擔(dān)心無法一次性接收過多視覺元素。因此服藥APP要挖掘老人的情感需求，降低空巢老人對界面色彩的識別成本，以提升界面視覺的愉悅度。

3.2 眼動實驗與用戶滿意度

3.2.1 實驗儀器

本實驗采用DELL工作站控制，戴爾電腦和24英寸Tobii T60XL眼動儀采集眼動數(shù)據(jù)，分辨率為1920×1200，精確度0.5。

3.2.2 實驗樣本

調(diào)查對象為20位患有慢性病的空巢老人，年齡為60至75周歲，均為無色盲癥狀，均有使用手機(jī)或平板APP的經(jīng)驗，本實驗評估樣本選用市場上使用頻繁的“叮嚀”“吃藥啦”“藥準(zhǔn)時”三款服藥類APP，分別為樣本1、樣本2、樣本3。

3.2.3 掃視路徑和熱點(diǎn)圖分析

以空巢老人的視線運(yùn)動為測量依據(jù)，適合于空巢老人的界面色彩優(yōu)化的可用性評估，同時可以反映空巢老人在實驗過程中訪問三款服藥類APP界面的熱點(diǎn)圖，了解空巢老人對服藥界面感興趣的區(qū)域，即空巢老人注視最多的區(qū)域（圖5）。

圖5 熱點(diǎn)圖

空巢老人由于聽力下降，更傾向于易于識別、易于記憶的色彩界面設(shè)計。在服藥界面布局的熱點(diǎn)圖中，空巢老人的注視點(diǎn)主要集中在圖形區(qū)域，對樣本1注視最多的區(qū)域主要集中在界面底部的圖標(biāo)欄，是空巢老人的感興趣區(qū)域。其中，對樣本3注視區(qū)域中三個圖形被試注視不多，這說明生動的圖片色彩可能更吸引空巢老人。色彩的明暗劃分能夠使空巢老人快速對界面交互作出處理，利用多種相近色彩的搭配方式，實現(xiàn)良好的視覺效果，通過色彩引導(dǎo)，可以使空巢老人輕而易舉地找到所需要的界面信息。因此，在進(jìn)行服藥APP界面色彩設(shè)計時候，按鈕需要不同色彩標(biāo)注對應(yīng)的功能，減少累贅多余的色彩搭配；在同一界面板塊區(qū)域，同一并平衡界面不同色彩，避免過多的色彩造成注意力分散。

3.3 注視點(diǎn)分析和色彩需求分析

服藥APP界面的注視點(diǎn)數(shù)值偏大則說明搜索績效高，獲得空巢老人的注目更多一些，對三款服藥APP界面的注視點(diǎn)時長的分析結(jié)果（表2）。

表2 對三款服藥APP界面的注視點(diǎn)關(guān)注時長的結(jié)果（ms）

通過表2眼動儀注視點(diǎn)的數(shù)據(jù)表明，在三個實驗樣本中，空巢老人對三款服藥類APP界面色彩注視點(diǎn)總數(shù)均值更高，而從總關(guān)注時長均值上來看，圖形元素高于色彩，空巢老人注視色彩的頻次更高，注視點(diǎn)均值達(dá)到9.6個，說明空巢老人對圖片做出快速識別，但空巢老人的色彩總注視時長均值為315ms，低于圖形總注視時長均值的635ms，表明空巢老人花費(fèi)更長的時間識別，說明界面的圖形設(shè)計往往被刻意放大，卻忽視空巢老人對界面色彩的關(guān)注度。

色彩應(yīng)作為空巢老人關(guān)注的聚焦區(qū)域，應(yīng)成為設(shè)計重點(diǎn)。隨著年齡的增長，對于青綠色的識別能力有所下降，而紅橙色的識別能力下降不明顯，在老年人色彩的視覺注意傾向中，紅橙色等暖色系色彩更具優(yōu)勢[2]。色彩歸類能將復(fù)雜的界面按照色彩的維度劃分區(qū)塊，使得界面的邏輯性和結(jié)構(gòu)性更強(qiáng)，空巢老人在使用界面時易識別和查找，并獲得視覺平衡[3]。在界面設(shè)計上加強(qiáng)不同色彩的對比度，降低老人識別困難程度。

4 空巢老人的服藥APP界面色彩優(yōu)化設(shè)計

本文從空巢老人的生理、心理特征出發(fā)，操作過程中可能出現(xiàn)的問題來確定服藥類APP色彩設(shè)計方向，總結(jié)出針對空巢老人對交互界面色彩設(shè)計的需求，以提升服藥過程中的感官、交互和情感三個層面的滿意度，并提出適用于空巢老人的服藥界面APP的設(shè)計。界面色彩設(shè)計實踐定位為患有慢性病的空巢老人的日常服藥APP，在低保真原型設(shè)計的基礎(chǔ)上，針對服藥APP界面的風(fēng)格、版式、色彩、圖標(biāo)等方面進(jìn)行設(shè)計。服藥APP界面設(shè)計色彩優(yōu)化（圖6）。

圖6 APP部分界面優(yōu)化效果

4.1 突出主要信息的視覺與功能的一致性

根據(jù)服藥APP的用戶分析及界面設(shè)計的核心功能，選取既符合空巢老人普遍接受的界面配色方案、又能確保舒適流暢的使用體驗。正如《視覺可用性》中所說：色彩作為戰(zhàn)略性聚光點(diǎn)時，它會告訴用戶該往哪看，引導(dǎo)用戶視覺方向，是吸引注意力的最佳工具[4]。在服藥界面色彩設(shè)計中利用主色調(diào)、輔助色以及色相來向空巢老人進(jìn)行引導(dǎo)操作行為。在使用對比市場三款服藥APP的設(shè)計元素時，在服藥模塊中的界面文字和圖片信息均采用明度比較高的橙黃色，起到突出效果作用，保證空巢老人能明確區(qū)分界面同一色調(diào)的不同色彩所表達(dá)的核心信息與功能含義的一致性。同時利用不同色相、明度和純度，將界面功能內(nèi)容直觀地引導(dǎo)空巢老人有序地進(jìn)行界面操作，提升界面色彩的功能性和一致性。

4.2 優(yōu)化界面色彩的視覺平衡

結(jié)合用戶訪談的內(nèi)容，發(fā)現(xiàn)空巢老人更加偏愛于暖橙色，背景色為米白色做界面交互設(shè)計方案，本次改良的界面以暖橙色為主色調(diào)，深棕色被用來中和暖色調(diào)，圖標(biāo)、按鈕融入少部分低飽和度的漸變色。采用漸變漸隱、明暗對比度等色彩設(shè)計方法，使整個頁面色彩達(dá)到平和一致，各種色系的協(xié)調(diào)和對比搭配，使得服藥界面色彩具有平衡性，更易于記憶和理解，能讓空巢老人快速識別并操作，緩解視覺疲勞，提升服藥界面交互操作的體驗感。

4.3 體現(xiàn)審美愉悅與情感關(guān)懷并重

智能服藥APP的界面色彩設(shè)計，采用飽和度高且明亮的橙黃色，給空巢老人帶來審美愉悅感，使界面色彩具有關(guān)懷性，緩解空巢老人使用服藥APP的焦慮感，服藥APP是基于移動終端的功能特征，通過與智能手環(huán)的數(shù)據(jù)共享，將功能模塊增加健康監(jiān)測、醫(yī)生溝通等部分功能，具備和兒女用戶進(jìn)行情感交流的功能。

5 結(jié)語

隨著空巢老人的數(shù)量日益增長，本文基于用戶體驗的角度，從空巢老人的生理心理的角度出發(fā)，以服藥類APP為例進(jìn)行研究，對服藥類APP的風(fēng)格、版式、色彩、圖形等進(jìn)行對比，分析現(xiàn)有服藥APP的設(shè)計痛點(diǎn)及空巢老人對服藥類APP的使用需求，提供適合空巢老人的服藥APP優(yōu)化設(shè)計策略，提升老人用藥過程中的服藥體驗，同時也為類似的服藥APP的色彩設(shè)計提供一定的借鑒。