設(shè)計(jì)師在設(shè)計(jì)MSA圖標(biāo)時(shí)了解年輕人和老年人的偏好差異嗎?

王彩霞 劉明周 張秦瑋

關(guān)鍵詞：移動(dòng)購(gòu)物APP（MSA） 圖標(biāo)設(shè)計(jì)元素 年輕人和老年人 偏好差異 改進(jìn)的德?tīng)柗品?問(wèn)卷調(diào)查

引言

2016年中國(guó)有超過(guò)76%的移動(dòng)用戶使用智能手機(jī)購(gòu)物[1]。隨著中國(guó)生育率的下降，老年人口比例不斷上升，到2020年，年齡在65歲以上的人口將達(dá)到1.8億左右，約占總?cè)丝诘?3％[2]。移動(dòng)技術(shù)的快速發(fā)展和我國(guó)人口老齡化的加劇，老年市場(chǎng)成為我國(guó)電子商務(wù)重要的潛在用戶市場(chǎng)。移動(dòng)購(gòu)物APP給人們的生活帶來(lái)了便利和舒適，越來(lái)越受到老年人的歡迎[4]。然而，針對(duì)手機(jī)購(gòu)物APP（Mobil ShoppingApp，以下簡(jiǎn)稱MSA）用戶的研究，大多關(guān)注年輕人[3]，針對(duì)老年網(wǎng)購(gòu)群體的研究較少，這會(huì)給老年人在使用購(gòu)物應(yīng)用服務(wù)時(shí)帶來(lái)較差的用戶體驗(yàn)。本研究旨在研究設(shè)計(jì)師對(duì)影響用戶偏好的圖標(biāo)設(shè)計(jì)元素的共識(shí)，以及年輕人和老年人用戶群體對(duì)圖標(biāo)設(shè)計(jì)元素的偏好差異，具有重要的研究?jī)r(jià)值和意義。

一、研究現(xiàn)狀

MSA的界面信息包括圖片、文字和各種圖形，這些都對(duì)用戶體驗(yàn)有顯著影響，針對(duì)圖標(biāo)的用戶體驗(yàn)的研究，近年來(lái)也取得了不錯(cuò)的進(jìn)展。有研究表明，用戶對(duì)界面的吸引力主要是由于圖形元素（如圖標(biāo)）的使用，使得用戶對(duì)界面的評(píng)價(jià)較高[5]；有研究指出，在智能手機(jī)面積有限的顯示屏上，圖形化的圖標(biāo)可以傳達(dá)更多的信息和發(fā)布最微小的指令[6]。由于圖標(biāo)在傳遞信息時(shí)是小巧的、國(guó)際化的，正如Horton（1994）所指出的，有意義的圖標(biāo)能克服語(yǔ)言障礙，設(shè)計(jì)良好的圖標(biāo)可以減少翻譯、簡(jiǎn)化學(xué)習(xí)[7]。Marcus提出了關(guān)于圖標(biāo)設(shè)計(jì)的原則、標(biāo)準(zhǔn)和指導(dǎo)規(guī)范[8]；有研究得出提高界面的審美吸引力可能與提高其可用性同樣重要[9]；Chen證明了有吸引力和設(shè)計(jì)合理的圖標(biāo)可以增加消費(fèi)者的興趣和與在線應(yīng)用程序界面之間的互動(dòng)[10]。

以往關(guān)于圖標(biāo)設(shè)計(jì)元素的研究主要包括大小、距離、背景等[11]。Bertin對(duì)影響圖標(biāo)設(shè)計(jì)的因素做了深入的研究，他提出了6個(gè)視覺(jué)變量：形狀、大小、方向、亮度、密度和顏色[12]。Huang提取了與圖標(biāo)設(shè)計(jì)相關(guān)的19個(gè)元素，并對(duì)計(jì)算機(jī)圖形用戶界面設(shè)計(jì)中涉及的主要因素進(jìn)行了識(shí)別和研究[13]。在圖標(biāo)的顏色搭配方面，Pastor證明了以單色為背景，以任何前景為文本的圖標(biāo)具有很高的審美偏好[9]。

二、研究?jī)?nèi)容

（一）采用改進(jìn)的德?tīng)柗品ǎ芯吭O(shè)計(jì)師對(duì)影響用戶偏好的圖標(biāo)設(shè)計(jì)元素的共識(shí)。

改進(jìn)的德?tīng)柗品ㄊ窍到y(tǒng)地利用文獻(xiàn)綜述、利益相關(guān)者的意見(jiàn)和領(lǐng)域內(nèi)專家的判斷來(lái)達(dá)成的群體共識(shí)策略[14]。改進(jìn)的德?tīng)柗品ǖ哪涿钥梢韵龣?quán)威的影響，反饋是只需要經(jīng)過(guò)3 - 4輪左右的信息反饋，結(jié)果更加客觀可信，并且統(tǒng)計(jì)特性保證了每一個(gè)意見(jiàn)都包含在內(nèi)，避免了專家會(huì)議方法只反映部分人員意見(jiàn)的缺點(diǎn)。

1. 實(shí)驗(yàn)樣本

本研究實(shí)驗(yàn)樣本是中國(guó)華為應(yīng)用商店支持的購(gòu)物類APP首頁(yè)的產(chǎn)品類別圖標(biāo)，采集時(shí)間為2020年5月。為了保證實(shí)驗(yàn)樣本覆蓋所有影響用戶偏好的圖標(biāo)設(shè)計(jì)元素，收集了下載量排名前100的購(gòu)物APP首頁(yè)界面。為了簡(jiǎn)化測(cè)試對(duì)象的難度，組織3名設(shè)計(jì)師（均具備7年以上圖標(biāo)設(shè)計(jì)經(jīng)驗(yàn)）對(duì)視覺(jué)設(shè)計(jì)風(fēng)格相似的圖標(biāo)進(jìn)行了分類和刪減，最后選擇40組類別圖標(biāo)作為實(shí)驗(yàn)樣本，使用Photoshop軟件對(duì)界面類別圖標(biāo)進(jìn)行截圖處理，40組實(shí)驗(yàn)樣本圖標(biāo)如圖1所示。

2. 實(shí)驗(yàn)參與者

遵循改進(jìn)的德?tīng)柗品▽?shí)驗(yàn)要求，實(shí)驗(yàn)參與者是圖標(biāo)設(shè)計(jì)專家顧問(wèn)，所有參與者都有相應(yīng)的專業(yè)知識(shí)，最好10 - 30人[15]。在本實(shí)驗(yàn)中，咨詢專家共12人，5名是來(lái)自國(guó)美在線電子商務(wù)有限公司且具有5年以上圖標(biāo)設(shè)計(jì)經(jīng)驗(yàn)的設(shè)計(jì)師，4名從事UI設(shè)計(jì)4年以上的設(shè)計(jì)師，3名大學(xué)UI界面設(shè)計(jì)教師。12名專家顧問(wèn)中5名男性，7名女性，性別比例平衡。

3. 實(shí)驗(yàn)步驟

（1）第一輪開(kāi)放式研究

將40組類別圖標(biāo)用電子郵件發(fā)送給每位專家。第一輪調(diào)查是開(kāi)放式的，沒(méi)有任何框架，只是提出預(yù)測(cè)問(wèn)題，向每位專家解釋研究背景，收回專家意見(jiàn)。要求參與者根據(jù)自己對(duì)MSA首頁(yè)分類圖標(biāo)設(shè)計(jì)的知識(shí)背景將40組樣本進(jìn)行分組。組織3名實(shí)驗(yàn)助理收集整理所有專家的分組意見(jiàn)。根據(jù)意見(jiàn)頻次，刪除只出現(xiàn)1-2次的分組意見(jiàn)，獲得第一輪專家分組依據(jù)結(jié)果，得出4個(gè)圖標(biāo)分類元素：形狀、邊框、顏色、文本信息和風(fēng)格。參考并綜合相關(guān)文獻(xiàn)結(jié)果[12]，將相關(guān)文獻(xiàn)中的形狀、邊框、色彩亮度、色彩飽和度、色彩透明度和內(nèi)容風(fēng)格6個(gè)圖標(biāo)設(shè)計(jì)元素匯總到第一輪專家調(diào)查結(jié)果中，進(jìn)行整理與合并，統(tǒng)計(jì)出專家對(duì)圖標(biāo)分類的8個(gè)設(shè)計(jì)元素，分別是形狀（方形倒角/圓形）、邊框（有/無(wú)）、色彩飽和度（高/低）、色彩透明度、色彩亮度（高/低）、顏色對(duì)比度（高/低）、文本信息（有/無(wú)）、內(nèi)容風(fēng)格（圖形/實(shí)物）。

（2）第二輪評(píng)估調(diào)查

將第1輪調(diào)查得出的8個(gè)圖標(biāo)分類元素發(fā)送給專家，組織專家判斷每個(gè)分類元素對(duì)用戶偏好影響的重要性。重要程度分為非常不重要、不重要、一般、重要、非常重要五個(gè)等級(jí)，相應(yīng)得分為1～5。收集和組織專家意見(jiàn)，統(tǒng)計(jì)調(diào)查結(jié)果。

（3）第三輪復(fù)審調(diào)查

基于第2輪評(píng)估調(diào)查，進(jìn)行第3輪評(píng)判，并給出GCR（GroupConfidence Ranking）值。采用五分制對(duì)置信度進(jìn)行分類，分為非常低、低、平均、高、非常高。相關(guān)研究數(shù)據(jù)表明[16]，當(dāng)所有專家給出的置信度平均值不小于3時(shí)，表示咨詢結(jié)果更接近主觀判斷的真實(shí)情況。

（4）確定圖標(biāo)分類元素

經(jīng)過(guò)第2、3輪咨詢后，專家意見(jiàn)的分散度減小，協(xié)調(diào)度增大，認(rèn)為專家意見(jiàn)已經(jīng)比較統(tǒng)一。根據(jù)相關(guān)文獻(xiàn)研究結(jié)果[17]，專家共識(shí)定義為超過(guò)2/3（約67%，記為P33）的專家認(rèn)為該元素對(duì)用戶偏好的影響判斷為“重要”以上，則表明此要素對(duì)用戶偏好的影響程度較大。

4. 實(shí)驗(yàn)結(jié)果

（1）統(tǒng)計(jì)分析

根據(jù)第2、3輪咨詢結(jié)果，計(jì)算出相關(guān)指標(biāo)參數(shù)。主要分析了專家意見(jiàn)的集中程度、分散程度和協(xié)調(diào)程度。首先，集中的程度是由（平均值），計(jì)算公式如公式1所示，其中mij表示對(duì)第i個(gè)指標(biāo)評(píng)分級(jí)別為 j的專家人數(shù)，d代表專家的總數(shù)， n代表評(píng)價(jià)指標(biāo)的個(gè)數(shù)。（平均值）的值越大，表明該指標(biāo)對(duì)用戶偏好的影響越大。其次，專家意見(jiàn)的分散程度用（標(biāo)準(zhǔn)差）表示，計(jì)算公式如式2所示，（標(biāo)準(zhǔn)差）的值越小，表明專家意見(jiàn)的分歧越小。第三，專家意見(jiàn)的協(xié)調(diào)程度用變異系數(shù)Vi（變異系數(shù)）表示，計(jì)算公式如式3所示，變異系數(shù)Vi（變異系數(shù)）值越小，代表專家的協(xié)調(diào)程度越高。

（2）統(tǒng)計(jì)結(jié)果

第2、3輪的專家咨詢結(jié)果見(jiàn)表1，第3輪咨詢結(jié)果中分類元素的離散程度與變異系數(shù)Vi均小于第2輪，說(shuō)明第3輪專家咨詢中專家意見(jiàn)的離散程度有所降低，協(xié)調(diào)度提高，意見(jiàn)接近統(tǒng)一。本文根據(jù)咨詢結(jié)果中的（平均值）、P33（專家共識(shí)值）、GCR（專家自信度）篩選分類元素。在該指標(biāo)的專家自信度等級(jí)大于 3（GCR>3）的前提下，如果評(píng)價(jià)指標(biāo)的平均值和專家一致意見(jiàn)P33都小于 3（ <3，且P33 <3），則刪除該分類元素[18]。

根據(jù)第3輪咨詢結(jié)果，8個(gè)要素指標(biāo)的GCR均大于3，說(shuō)明咨詢具有可信性。其中，顏色透明度和顏色對(duì)比度這兩個(gè)元素指標(biāo)的 和 都小于3，因此這兩個(gè)元素被刪除。最后篩選出形狀（方形圓角/圓形）、邊框背景（有/無(wú)）、色彩飽和度（高/低）、色彩亮度（高/低）、內(nèi)容風(fēng)格（抽象/具象）、文本信息（有/無(wú)）6個(gè)分類元素。咨詢結(jié)果的進(jìn)一步分析表明，色彩的飽和度、色彩的亮度、內(nèi)容風(fēng)格、是否有文本信息4個(gè)要素的平均值在兩輪咨詢中都大于4，而且指標(biāo)的離散程度與變異系數(shù)相較于其他要素也較小，說(shuō)明專家意見(jiàn)比較統(tǒng)一，專家一致認(rèn)為分類圖標(biāo)的這4個(gè)設(shè)計(jì)要素對(duì)用戶偏好的影響較大。剩余的兩個(gè)要素，形狀、邊框背景的平均值 在3.5左右，說(shuō)明這兩個(gè)要素對(duì)用戶偏好的影響程度一般，離散程度 在1.0以上，說(shuō)明專家意見(jiàn)相較色彩的飽和度、色彩亮度兩個(gè)元素，不太統(tǒng)一，如表2。

（二）問(wèn)卷調(diào)查法研究年輕人和老年人對(duì)MSA類別圖標(biāo)6個(gè)設(shè)計(jì)元素的偏好差異

在本實(shí)驗(yàn)中，基于類別圖標(biāo)的6個(gè)設(shè)計(jì)元素，設(shè)計(jì)了7組圖標(biāo)方案。通過(guò)問(wèn)卷調(diào)查，包括網(wǎng)絡(luò)問(wèn)卷（問(wèn)卷星）和紙質(zhì)問(wèn)卷。采用IBMSPSS22.0分析軟件，對(duì)問(wèn)卷數(shù)據(jù)進(jìn)行卡方檢驗(yàn)和獨(dú)立樣本t檢驗(yàn)，得到實(shí)驗(yàn)結(jié)果。

1. 實(shí)驗(yàn)樣本

實(shí)驗(yàn)樣本采用購(gòu)物APP首頁(yè)的8個(gè)分類圖標(biāo)，分別是每日蔬菜、肉類家禽、五谷雜糧、休閑零食、文娛用品、日化用品、家用電器和兒童玩具。基于前一階段的實(shí)驗(yàn)結(jié)果，對(duì)圖標(biāo)的形狀、邊框、色彩飽和度、色彩亮度、內(nèi)容樣式、文本信息等6個(gè)元素進(jìn)行設(shè)計(jì)，一共得到7組分類圖標(biāo)設(shè)計(jì)方案。將7個(gè)設(shè)計(jì)方案成對(duì)組合，設(shè)計(jì)了調(diào)查問(wèn)卷，見(jiàn)表5。為方便老年人用戶參與問(wèn)卷調(diào)查，將問(wèn)卷打印為彩色紙質(zhì)版進(jìn)行發(fā)放和填寫(xiě)，紙質(zhì)版問(wèn)卷與在線問(wèn)卷沒(méi)有色差。

2. 調(diào)查參與者

參與問(wèn)卷調(diào)研的用戶一共是70 0名，回收有效問(wèn)卷6 70份。3 59名是年輕人用戶，年齡在18～3 5歲之間，平均年齡為2 5.4歲（SD=8.92），主要由在校的高中生、大學(xué)生、研究生和已經(jīng)畢業(yè)工作的年輕用戶組成；311名老年人用戶，年齡在55～78歲之間，平均年齡為64.2歲（SD=8.15）的老年人，被試的老年人用戶主要是從中國(guó)河南省的幾所老年大學(xué)中尋找的，具有代表性。問(wèn)卷中男性313人，女性357人。問(wèn)卷的年輕人和老年人比例，男性和女性比例基本平衡。所有參與人員屬于視覺(jué)正常者，均有使用購(gòu)物APP至少1年以上。

3. 調(diào)查過(guò)程

首先明確問(wèn)卷目的，在問(wèn)卷的頂部標(biāo)明問(wèn)卷填寫(xiě)要求。問(wèn)卷題目包括兩大部分，前3題為基本的人口學(xué)題目，主要包括性別、年齡、學(xué)歷。后面6個(gè)題目將6組呈相對(duì)關(guān)系的圖標(biāo)方案作為問(wèn)卷的A和B選項(xiàng)，要求參與者選擇自己喜歡的選項(xiàng)，詳見(jiàn)表3。78%的老年人參與了線下紙質(zhì)問(wèn)卷填寫(xiě)，98%的年輕人通過(guò)問(wèn)卷星在線平臺(tái)提交問(wèn)卷。

4. 調(diào)查結(jié)果

（1）問(wèn)卷統(tǒng)計(jì)描述

年輕人和老年人對(duì)MSA類別圖標(biāo)的6個(gè)設(shè)計(jì)元素的設(shè)計(jì)存在偏好差異。其中，邊框背景、內(nèi)容風(fēng)格、文本信息3個(gè)元素差異較大，55.2%的年輕人喜歡無(wú)邊框背景的圖標(biāo)，57.2%的老年人偏好有邊框背景的圖標(biāo)；64.9%的年輕人喜歡抽象圖形圖標(biāo)，63.3%的老年人喜歡實(shí)物圖標(biāo)；57.4%的年輕人喜歡無(wú)文本信息的圖標(biāo)，65.3%的老年人偏愛(ài)有文本信息的圖標(biāo)。在圖標(biāo)的形狀、顏色飽和度、顏色亮度3個(gè)元素的偏好上，年輕人和老年人的偏好差異不大，都喜歡方形圓角、高飽和度、高亮度的圖標(biāo)。

（2）SPSS交叉表卡方檢驗(yàn)分析

SPSS交叉表格卡方檢驗(yàn)是一種用途較廣的計(jì)數(shù)資料的假設(shè)檢驗(yàn)方法，屬于非參數(shù)檢驗(yàn)的范疇，主要用來(lái)檢驗(yàn)兩個(gè)變量之間是否存在關(guān)系，或者說(shuō)是否獨(dú)立，其零假設(shè)為兩個(gè)變量之間沒(méi)有關(guān)系。使用交叉表卡方檢驗(yàn)來(lái)分析用戶的年齡變量和用戶對(duì)圖標(biāo)6個(gè)設(shè)計(jì)元素喜好變量之間的關(guān)系，期望值頻數(shù)為670，大于40，圖標(biāo)形狀要素的期望值為122.08，邊框背景的期望數(shù)位153.64，色彩飽和度的期望數(shù)位76.13，色彩亮度的期望數(shù)是62.20，內(nèi)容風(fēng)格的期望數(shù)是149.93，文本信息的期望數(shù)是145.75，均大于5，可以使用皮爾遜（Pearson）卡方檢驗(yàn)，其中色彩飽和度的Sig值是0.156，大于0.05，說(shuō)明用戶的年齡和用戶對(duì)圖標(biāo)色彩飽和度的喜好之間沒(méi)有關(guān)系。圖標(biāo)的形狀、邊框背景、色彩亮度、內(nèi)容風(fēng)格、是否有文字5個(gè)要素的sig值小于0.05，說(shuō)明用戶的年齡與用戶對(duì)這5個(gè)設(shè)計(jì)元素的偏好之間存在相關(guān)性，如表4所示。

（3）SPSS獨(dú)立樣本T檢驗(yàn)分析驗(yàn)證

獨(dú)立樣本T檢驗(yàn)用于檢驗(yàn)兩組非相關(guān)樣本被試所獲得的數(shù)據(jù)的差異性。本實(shí)驗(yàn)中年輕人和老年人是兩組非相關(guān)的樣本被試，使用IBMSPSS22.0獨(dú)立樣本T檢驗(yàn)對(duì)問(wèn)卷數(shù)據(jù)進(jìn)行分析。由表5的輸出結(jié)果我們可以看出：

① 圖標(biāo)形狀、色彩亮度、文本信息3個(gè)要素的S i g值都小于0.05，說(shuō)明數(shù)據(jù)的方差不齊，但Sig（2-tailed）值小于0.05，達(dá)到顯著水平（<0.05）說(shuō)明年輕人和老年人用戶對(duì)這3個(gè)要素的偏好選擇存在差異。

② 圖標(biāo)的邊框背景、內(nèi)容風(fēng)格的Sig值分別為0.280和0.405，均大于0.05，說(shuō)明數(shù)據(jù)的方差是齊性的，而且Sig（2-tailed）值均小于0.05，達(dá)到顯著水平，說(shuō)明年輕人和老年人用戶在圖標(biāo)的邊框背景和內(nèi)容風(fēng)格兩個(gè)要素的偏好上存在顯著差異性。

③ 色彩飽和度的Sig值為0.05，說(shuō)明數(shù)據(jù)的方差是齊性的，而且Sig（2-tailed）值為0.156，沒(méi)有達(dá)到顯著水平（<0.05），所以說(shuō)明年輕人和老年人在圖標(biāo)的色彩飽和度的偏好選擇上沒(méi)有差異，數(shù)據(jù)顯示他們都喜歡高飽和度的圖標(biāo)色彩。

由此可以看出，使用IBM SPSS獨(dú)立樣本t檢驗(yàn)對(duì)問(wèn)卷數(shù)據(jù)進(jìn)行分析的結(jié)果與使用交叉表卡方檢驗(yàn)分析的結(jié)果相一致，說(shuō)明實(shí)驗(yàn)分析的結(jié)果是準(zhǔn)確的，如表5。

三、研究結(jié)果與意義

（一）研究結(jié)果

1. 對(duì)于圖標(biāo)的形狀、色彩亮度、文本信息3個(gè)要素而言，年輕人和老年人存在差異性，比較明顯的是喜歡方形圓角的年輕人更多，而老年人對(duì)于圖標(biāo)形狀是方形圓角還是圓形并不關(guān)注；多數(shù)的年輕人喜歡沒(méi)有文本信息的圖標(biāo)，而老年人中喜歡帶有文本信息的圖標(biāo)的人數(shù)居多。

2. 對(duì)于圖標(biāo)的邊框背景和內(nèi)容風(fēng)格兩個(gè)要素而言，年輕人和老年人的偏好存在較大差異性，多數(shù)年輕人喜歡沒(méi)有邊框背景的抽象圖形圖標(biāo)，而老年人則喜歡帶有邊框背景的具象實(shí)物圖標(biāo)。

3. 對(duì)于圖標(biāo)的色彩飽和度而言，年輕人和老年人的偏好比較一致，都喜歡高飽和度的圖標(biāo)色彩。

通過(guò)以上研究，我們可以得出思考，因?yàn)槟贻p人和老年人在生理、心理特征上存在較大不同，生理層面上老年人的視覺(jué)敏銳度要低于年輕人，老年人成長(zhǎng)的背景和環(huán)境決定了他們對(duì)于信息類產(chǎn)品的接受度比年輕人要低。圖標(biāo)作為購(gòu)物APP界面中的重要構(gòu)成要素，圖標(biāo)的視覺(jué)呈現(xiàn)效果直接影響用戶對(duì)界面信息的理解和對(duì)軟件產(chǎn)品的使用效果，進(jìn)而影響產(chǎn)品的用戶體驗(yàn)。

（二）研究意義

1. 本研究用數(shù)據(jù)呈現(xiàn)了年輕人和老年人用戶對(duì)于圖標(biāo)6種設(shè)計(jì)元素的偏好差異，較之前的研究而言，考慮了多個(gè)圖標(biāo)的設(shè)計(jì)元素對(duì)于用戶的偏好差異的影響，是本研究的一大突破。

2. 本研究成果對(duì)于移動(dòng)購(gòu)物產(chǎn)品的設(shè)計(jì)人員具有重要的設(shè)計(jì)指導(dǎo)意義，能夠幫助設(shè)計(jì)師更好地關(guān)注老年購(gòu)物群體對(duì)界面圖標(biāo)的需求，設(shè)計(jì)出更加符合老年人認(rèn)知和偏好的界面圖標(biāo)。

3. 中國(guó)正在邁入老齡化社會(huì)的實(shí)際國(guó)情決定了老年人在未來(lái)移動(dòng)購(gòu)物市場(chǎng)中的重要占比，關(guān)注老年人的移動(dòng)購(gòu)物體驗(yàn)，是提升老年人生活質(zhì)量的重要方面，具有非常重要的社會(huì)意義。