基于老年認知特征的網購APP菜單欄圖標設計研究

錢其康

（南京理工大學,江蘇南京 210094）

阿里研究院《報告》顯示：中國60歲以上老年人成為網購消費增長速度最快的群體。在日常娛樂和購物上逐漸接受網購的新形式，成為網上消費不可忽視的主力軍。隨著大數據信息融入人們的生活，信息時代下的互聯網的快速發(fā)展與老年人的認知水平體現出強烈的對比，許多老年人因為認知困難對智能產品和信息技術存在抗拒和排斥。認知主要包含感覺、記憶、情感等內容對信息進行編碼、加工、處理。[1]。在人機界面交互過程中占主導地位的是視覺和觸覺，視覺認知作為老年用戶感知外界信息的主要通道[2]。在設計圖標時，采用固定對圖標加文字能提示老年人的認知效率[3]。視覺上老年人需要更大對比度來辨別顏色的差異。[4]現有網購APP菜單欄圖標設計樣式繁多，老年用戶相對青年用戶的學習能力較低，因此網購APP菜單欄圖標設計將直接影響使用效率。

一、老年用戶認知特征分析

1.視覺認知特征分析

老年用戶使用網購APP時需要通過視覺搜索查找所需功能，視覺搜索是指面對眾多信息時，人們通過視覺主動尋找符合目標的過程和行為[5][6]。隨著年齡的增長，老年人的生理系統隨之退化，視覺功能上的衰退主要特征有：晶狀體硬化和玻璃體混濁而造成的視力下降，捷狀肌收縮能力降低，引發(fā)注視困難，容易出現老視；明暗適應的反應下降，由于老年人適應光的能力減弱，當老年人在暗處使用手機時，視錐細胞反應速度相對年輕人較慢，更容易造成炫光；對藍綠色的識別敏感度降低，這是因為晶狀體發(fā)黃和視網膜老化，容易導致夜盲。老年人的視覺對比的靈敏度減弱，在區(qū)分圖標和背景時需要較高的對比度。此外暖色系的喜好度要高于冷色系，整體的色彩分辨能力較弱。

2.心理認知特征分析

大部分老年人相對年輕時都有心理困擾。主要包含了失落、孤獨、煩躁等負面情緒。[7]。老年人需要更多的關懷和認可，但是相比年輕時期自身的能力和所處的時期均有差異。社會在不斷進步，大多數老年人認知是由自身的經歷形成的。設計圖標時，應當考慮圖標與現實世界物體的映射，確保老年人能根據自己的經驗判斷圖標的信息，使數字信息與物理經驗相吻合[8]。身體體機能的老化使老年人在學習使用新事物時難免會發(fā)生認知障礙。久之使老年人產生挫敗感和不自信感，更加難以學習新事物并容易導致心理上的不健康。

3.記憶認知特征分析

記憶主要分為接收、儲存和提取三個部分，而由于老年人存在生理衰退的問題，因此在接收時往往對自己存在認知經驗的內容更加敏感，這也是老年人懷舊的原因[9]。在記憶儲存中，老年用戶容易存在健忘的問題，無關的信息對老年人的記憶儲存會造成干擾。在記憶提取中，老年用戶相對于正常成年人提取記憶時需要更多的時間，在圖標設計中應盡量減少不必要的記憶和回顧。此外根據記憶的時長分為瞬時記憶、短時記憶、長時記憶，老年人長時記憶相對穩(wěn)定，但瞬時記憶和短時記憶需要對于新事物的學習能力有一定要求，因此要利用老年人的懷舊心理和回憶完成設計。

二、網購APP菜單欄圖標設計現狀

用戶與產品發(fā)生交互行為的頁面，并產生消費行為就是網購APP界面。圖標相對語言具有識別快，和導向的用途[10]。網購APP菜單欄圖標在網購APP中具有分流的作用，快速識別網購APP菜單欄圖標對于用戶來說能更快地完成檢索任務，購買所需物品?，F有網購APP菜單欄圖標主流設計風格主要為四類見圖1，業(yè)務的范圍決定了圖標的類別，具體分析如下。

圖1 菜單欄圖標設計方案

1.垂直細分領域網購APP菜單欄圖標設計現狀

在垂直行業(yè)內，如每日優(yōu)鮮，盒馬等等，這類APP內容較為細分，圖標展示內容較為垂直，主要是不同的食品，衣服等。由于該類圖標無須概括內容，可以直接通過圖像進行展示。因此多數垂直類APP網購菜單欄圖標使用照片拼合的方法，將圖像剪切。照片圖標的優(yōu)勢在于用戶學習成本低，用戶可以通過照片很快理解釋義。但高清照片往往存在高像素，而老年用戶往往存在一定的視覺衰退，不同的剪切照片拼合后容易造成圖像內顏色像素過多造成老年用戶識別困難。菜單欄圖標的設計容量有限：多個顏色，輪廓，物體在圖標中拼合會給老年用戶造成很大的識別難度。

2.多功能網購APP菜單欄圖標設計現狀

當網購APP包含購物以外的功能時，圖標的關聯度會減弱。例如京東超市，業(yè)務不僅包括購物還包括跨行業(yè)功能手機充值、家電時尚等，此類APP圖標由于包括該門類下的不同業(yè)務，需要根據主要業(yè)務特征進行平面圖標的抽象設計。由于設計師與老年用戶存在年齡差，認知經驗也不同，當設計師對圖標的含義進行設計會造成老年用戶對圖標涵蓋的功能不理解。

3.綜合電商平臺APP菜單欄圖標設計現狀

網購APP隨著跨行業(yè)發(fā)展，APP的業(yè)務范圍橫跨多個領域，單個圖標涵蓋了整個垂直行業(yè)，所以在設計圖標時需要將業(yè)務量結合進行抽象設計，例如淘寶、京東等。由于該類APP下每個圖標就是某個垂直行業(yè)，因此需要保留該行業(yè)的視覺表達，例如餓了么和天貓存在各自的形象和顏色定義，用戶已經形成一定的認知習慣，不能隨意更改。所以在該類APP下菜單欄圖標設計往往以形狀和顏色來強調區(qū)別，同時為了減少干擾背景層顏色減少。由于圖標上脫離了業(yè)務特征，轉變?yōu)槌橄蟮钠放艻P，讓老年人的理解難度增加，對品牌不熟悉的老年用戶只能通過文字來輔助對品牌的認知。

三、基于老年認知特征的網購APP菜單欄圖標設計策略

1.舒適的色彩搭配

由于老年人的視覺感知有一定程度的退化，色彩對老年人視覺感知界面有較大影響[11]。顏色數量越多，圖標的視覺搜索效率越低[12]。在設計時應該盡量讓圖標和周圍的顏色拉開差距來提高識別度，背景色盡可能選取白色或純色來減少干擾，同時圖標的顏色應顯眼，加大和背景色的區(qū)分。合理的色彩搭配能讓老年用戶使用APP時感覺心情愉快。由于視力存在衰退，大多數的老年人更喜歡表現鮮艷的色彩，這類色彩往往好辨別同時也符合中老年人的審美需求。

2.簡潔的視覺層級

視覺層級是設計師為了讓圖標更加美觀，設計風格視覺大小更加統一，將圖標分為背景層級、圖標層級、裝飾層級等。以蘋果手機的圖標發(fā)展為例：從蘋果4到蘋果12，最早復雜的擬物風格引領起寫實潮流，圖標以美觀，寫實為主流。隨著設計研究的深入與互聯網行業(yè)的發(fā)展，蘋果公司在設計中發(fā)現扁平設計風格能有效提升用戶識別速度，扁平化設計的應用促進了用戶的使用效率與辨別速度也導致圖標層級越來越少。由于老年人視覺認知能力下降，面對較為復雜的圖標時更容易產生認知困難。多層級的圖標會導致圖標的主要信息弱化，降低對比。老年用戶面對視覺層級較多的圖標時感到識別吃力，對于顏色單一，層級簡單的圖標評價較高，因此在設計中應盡量減少視覺層級的堆疊。

3.直觀的圖標輪廓

老年用戶在面對熟悉的事物時更容易刺激其記憶，在設計圖標時應抓住物體的主要輪廓特征。就圖標組成而言，面性圖標的視覺感受比線性圖標更近穩(wěn)定[13]。面元素組成的背景更加的整體也更容易引起用戶的識別，而線類型的圖標輪廓會將背景分割，增加視覺層次，分辨難度增加。圖標設計在設計過程中由于受到屏幕尺寸和功能含義的束縛，需要通過簡化和抽象的手段對現實物體進行提煉，讓原有物體特征模糊化，容易引起老年用戶的困惑。因此在圖標輪廓設計中應與實物的輪廓接近，較容易引起老年人的共鳴和理解。

4.合理的圖標布局尺寸

放大界面元素能夠滿足老年群體的感知需求[14]。放大圖標文字能減少視覺疲勞[15]。尺寸上，整個界面的文字和圖標過小，會造成信息負荷量過大，視力上的衰退導致老年用戶很難在短時間內辨別。刪除一部分不必要的功能或是使用頻率較低的功能來留出空白，將圖標適度放大來提升使用效率，減少老年用戶的認知負荷。布局上老年用戶在使用網購APP菜單欄圖標時，根據人眼視覺規(guī)律，往往是從左到右從上到下。設計師在排序時需要根據老年用戶的使用習慣和使用頻率對圖標進行調整。

四、基于老年認知特征的網購APP菜單欄圖標設計實踐

在網購APP菜單欄圖標設計中，針對老年用戶的生理和心理特點融入具體的設計中，主要從顏色，層級，輪廓，尺寸，布局進行設計，優(yōu)化老年用戶圖標識別度。具體可概括為以下幾方面：

1.營造舒適的視覺氛圍

根據設計策略展開設計實踐，設計從堅持“以老年人為本”的設計理念出發(fā)，從老年人的生理以及心理需求進行設計。溫暖的顏色更能獲得老年用戶的喜歡[16]，因此設計中采用偏暖色且飽和度較高的顏色來傳遞溫和的情緒。為了勾起老年人的生活記憶，在顏色的暗示上則盡量貼合現實中的物品產生聯系，例如蝦對應紅色，肉對應紅色，雞蛋對應黃色，葡萄對應紫色，通過顏色對圖標的品類產生暗示和區(qū)分，幫助老年用戶更好的產生熟悉感。為了避免引起混亂的視覺感受，圖標設計主色調控制在較少的范圍內降低視覺疲勞。

2.構建易理解視覺層級

為了減少老年用戶視覺理解的難度，突出簡潔、直觀。視覺層級上簡化為兩層，分別為白色的背景層和提煉后的圖標。在網購APP菜單欄圖標設計中，老年用戶主要通過圖標和文字進行識別屬于高層級，背景層是為了保持設計的統一和美觀度而進行設計屬于低層級。圖標的統一性可以通過圖標通過輪廓、構圖、顏色達成，圖標的背景層會加強整體的復雜度，因此選擇使用白色為背景，突出圖標本身的固有色和輪廓。

3.設計引共鳴的圖像輪廓

由于老年人易懷舊，設計上應強調物體的特征。輪廓上對影射物體的特征進行提煉，圖標輪廓要貼合隱喻物體的特征，與老年用戶的認知經驗產生共鳴，提升識別效率。為了控制復雜度，保持物體特征下適當對形狀、線條簡化，保持整體設計的復雜度統一。色差可以更加自然的分割面與面之間的關系。

4.設計合理的圖標布局尺寸

設計尺寸上，為了減少背景層的影響，直接使用白色為背景，因此圖標本身被放大，方便老年人識別。相對原有圖標尺寸放大了1.25倍。圖標設計面積要盡量保持一致，不同的圖標尺寸會造成視覺混亂。圖標布局上，應以效率和使用頻率為主。

結語

文章通過文獻調研、競品分析、挖掘老年用戶認知需求并分析后得出老年用戶存在以下需求；視覺認知需求：老年人眼部存在生理衰退；心理認知需求：老年人存在不同心理程度的困擾；記憶認知需求：老年用戶在接受、存儲和提取中存在不同程度的衰退；網購APP使用需求：老年用戶在使用網購APP時主要受教育程度、界面布局、圖標文字和構圖復雜的影響。通過需求分析結合文獻調研提出相應的設計策略：在設計針對老年用戶的網購菜單欄圖標時應注意舒適的色彩搭配：注意顏色數量、顏色對比；簡潔的視覺層級：減少不必要的視覺影響，降低辨識難度；直觀的圖標輪廓：應注意圖標輪廓與自然物體的貼合度；合理的圖標尺寸：適當放大圖標有助于老年用戶識別效率；規(guī)律的圖標布局：在數量上和功能排序上要符合規(guī)律。