基于用戶滿意度的圖標動態(tài)形式設計①

方年麗,呂 健,金昱潼,朱姝蔓,尤 乾

(貴州大學 現(xiàn)代制造技術教育部重點實驗室,貴陽 550025)

圖形圖標是人機界面關鍵組成部分,在信息識別和分辨方面具有不可取代的優(yōu)勢,使用戶更高效的與應用程序、系統(tǒng)和設備進行交互[1].動態(tài)圖標是一種其屬性會隨著時間改變的交互式元素,以此將特定情況下的程序運行所處狀態(tài)和功能傳達給用戶[2].在認知心理學領域,動態(tài)圖標對于認知績效影響的研究表明,動態(tài)圖標不僅能夠幫助用戶更好的理解人機界面[3]與任務需求[4],還可以增加用戶使用界面時的愉悅感,增強界面的交互活力[5],用于吸引用戶或觀察者的注意力[6].用戶對于動態(tài)圖標的認知會隨著動態(tài)形式的改變而改變.因此分析圖標動態(tài)形式特征,研究在不同的動態(tài)形式下用戶滿意度,并針對動態(tài)圖標進行優(yōu)化設計,以此增強動態(tài)圖標傳達狀態(tài)的效率.

在認知心理學領域,相關學者主要關注圖標對人類感知能力與認知績效的影響.早期學者發(fā)現(xiàn)動態(tài)圖標對增強用戶對于當下系統(tǒng)的任務理解有積極作用[4]；不同復雜度的圖標動畫對用戶的理解以及偏好會導致不同的認知績效,因此應該在圖標設計中應該就采用復雜還是簡單動畫的問題建立準則[7]；在視覺搜索實驗中,也有文獻指出不同形狀復雜度的形狀[8]、圖標顏色數量和一致性均對人類的認效率存在影響[9],結果表明,認知績效的增長幅度隨形狀特征而變化,且利用顏色增大圖標之間的差異,能夠更有效地提升圖標的視覺搜索效率.對于圖標形式對于用戶體驗的研究發(fā)現(xiàn),圖標能否準確傳達目的與意圖直接影響用戶對產品的使用效率和滿意度,因此圖標的設計應該達到用戶的期望,并遵循于用戶的認知、習慣及需求[10].

綜上所述,人與動態(tài)圖標的交互過程中,圖標的動態(tài)形式與形狀特征均會影響用戶認知績效、用戶偏好與用戶滿意度.以上研究從圖標的幾何形狀、抽象性、復雜度、顏色等方面對人體的生理及心理的影響,發(fā)現(xiàn)了動態(tài)圖標可以增強用戶對于人機界面的理解性與認知績效,而圖標形式則會影響用戶的滿意度.研究圖標動態(tài)形式的設計準則對提高用戶滿意度及體驗具有實踐價值和理論意義,但是以上研究大多只是基于人類視覺系統(tǒng)對于圖標設計的感性判斷,并沒有形成量化分析模型,尚缺乏對圖標動態(tài)形式的量化研究,未深入探討圖標動態(tài)形式與用戶的使用感受之間的關聯(lián)性.

本文在已有研究的基礎上首先考量Kineticons[11]類動態(tài)圖標4 種物理屬性——路徑、范圍、方向與速度并加以描述,并通過閾限測量方法調查動作時間閾值,利用回歸分析建立動作幅度與動作時間的預測模式,獲得圖標最佳動作時間的量化模式,最后通過動態(tài)范圍適合度調查提供最佳動作幅度的設定依據,提供人機界面動態(tài)圖標形式設計的參考依據.

1 動態(tài)圖標形式研究方法

1.1 動態(tài)圖標分類與形式研究

動態(tài)圖標的應用廣泛多元,眾多學者提出了不同的動態(tài)效果,而這些動態(tài)效果所參照的動作來源也不盡相同,有的是簡單的移動、旋轉,有些則是依照物理和自然運動進行設計[12].因此按照動態(tài)圖標的設計來源,可以將動態(tài)圖標分為常規(guī)圖標、動畫式圖標、動作式圖標、情緒圖標四類.

常規(guī)圖標(Conventional Icon)的內容通常是象形文字或表意文字,它們的視覺屬性也可以沿著其他維度進行修改以傳遞額外的信息；Chen 等[13]提出了情緒式圖示(Empatheticons),此類動態(tài)圖示模擬用戶情緒,在一款音樂推薦系統(tǒng)Group Fun 中加上不同情緒的動態(tài)圖標來推薦音樂；Baecker 等[1]和Bodner 等[14]率先使用了動畫圖標(Icon with Animated Graphics),動畫圖標是一種其圖形內容隨著時間的改變而改變的一類圖標,并且用動畫序列來描述變化；Harrison 等[11]依照自然界中的動作給予圖像動態(tài)效果,并且定義了一種基于運動的圖像方案——Kineticons,它是一系列幾何操作(例如：縮放、旋轉、變形、平移)的結果,與靜態(tài)圖標和帶有動畫圖形的圖標相比,動態(tài)行為不會改變視覺內容、像素、RGB 值.

1.2 圖標動態(tài)形式

根據Harrison 等[11]提出的Kineticons 圖標的定義,Kineticons 圖標為一系列動力學行為的結果；同時,有研究指出影響動態(tài)圖標形式的4 種物理屬性,分別是路徑(path)、范圍(area)、方向(direction)以及速率(speed)[15].也有實驗表明,用戶會因為移情作用對動態(tài)效果存有特定的情緒,動態(tài)形式(速率、范圍、方向、路徑)的細微變化也會引起用戶的感受變化[16].速率是指圖標運動發(fā)生的速度,如果圖標動作速度太慢,可能會使用戶感到厭煩或沮喪；而速度太快會導致用戶來不及反應而丟失交互目標或正在進行的交互任務,適當的過渡速度可促進用戶跟隨人機界面交互,而不會使任務復雜化[17].Google Material Design 建議在滿足持續(xù)時間盡可能短的條件下,同時避免太過突然或震顫；有研究指出動態(tài)圖標的方向能夠向用戶傳達正確的信息,方向是制作動態(tài)圖標中最重要以及最有用的設計原則,當動態(tài)圖標從一種狀態(tài)切換到另一種狀態(tài)應該總是在一個方向上的.但是,當一個人想要取消或者撤銷一個操作,移動的方向應該是相反的[18]；路徑指圖標的運動軌跡,范圍指元素在動畫的兩個幀之間移動的距離,圖標運動一般依照自然界中的物體運動,例如對角線運動看起來就是自然的弧線運動,動態(tài)圖標的設計應根據重要級別使用簡單或復雜的運動[19].

上述圍繞圖標動態(tài)形式的設計與研究大多是基于相關設計人員根據經驗和感覺的設計,缺少一定的理論模型.在已有的研究基礎上,本文依照Kineticons 類圖標左右移動、上下移動、縮放、旋轉4 種動力學行為,通過對動態(tài)圖標的4 種物理屬性(路徑、范圍、方向與速度)的適合范圍調查,從而確定動態(tài)圖標設計的基本準則.

1.3 心物關系測量方法

本文采用閾限測量法測量圖標動作時間的上閾、下閾、舒適閾值,從中調查動態(tài)圖標動作幅度與動作時間的相互關系.Darley 等[20]認為物理刺激和人的感覺之間存有一致性關系,這種關系常被稱為心物關系(psychophysical relation),感覺器官接受的刺激在引起任何感覺之前必須達到最低強度,這種刺激感覺系統(tǒng)所需的最低物理能量即刺激強度稱為絕對閾.閾限測量法主要有上下法(up-and-down method)、閾限追蹤法、定值刺激法等.上下法主要由實驗人員操作,調整刺激量至受測者第一次發(fā)現(xiàn)刺激時則終止測試,其中不斷增加刺激量,該方法稱為提升試驗(ascending trial),也可以搭配刺激量降低的方式進行,稱為下行試驗(descending trial)；定值刺激法的操作方式主要由實驗者給定刺激強度的最大值及最小值,并且定義每次刺激變化量的值,此變化量的值在兩極端刺激量之間.進行閾值測驗時,以隨機的方式呈現(xiàn)各個刺激量并紀錄感覺閾值.

本文參考相關研究與感覺測量方式,探討動態(tài)圖標的動作幅度與動作時間舒適閾值之間的相互關系,并考慮受測者自行調整可能造成的數值記憶問題,將采用上下法與定值刺激法的拓展使用,從而測量出用戶所能接受的圖標動作時間的上閾值、下閾值,最佳閾值,為進一步測量圖標動作幅度提供數據支撐.

2 圖標動態(tài)形式調查實驗

2.1 實驗材料

實驗依據Kineticons 圖標所定義的動力學行為,定義了圖標左右移動、上下移動、縮放與旋轉4 種基本動態(tài)形式,并以路徑、范圍、方向與速度[15]描述動態(tài)圖標.本研究中的實驗設計采用Illustrator 軟件進行圖形設計,使用After Effects 軟件生成gif 動畫,最后使用Proto.io 開發(fā)應用程序原型.該原型是為模擬在線社交而開發(fā)的移動應用程序.

如圖1所示,考慮到動態(tài)圖標的特性與時下動態(tài)圖標設計軟件的偏好設置,范圍即為動作幅度,速率修改為動作時間.4 種圖標動態(tài)形式的定義如下：如圖1(a)、圖1(b)所示,左右/上下移動的圖標沿著X/Y 軸來回勻速移動,圖標以坐標軸原點為基點,圖標的移動幅度不斷增加,在一定的移動幅度下動作時間不斷增加,動作幅度與動作時間決定了圖標運動速率.

圖1 圖標動態(tài)形式

圖標以圓心為原點進行前后縮放,并以對角線放大后與放大前的半徑增幅△R：△R=R2-R1為圖標縮放前后的半徑增量,R1為原始圖標半徑,R2為放大之后的圖標半徑.即圖標按照設定好的倍率增大隨即縮小至原有大小,在一定的縮放倍率中動作時間不斷增加,縮放倍率與動作時間決定了圖標縮放速率,如圖2(c)所示.圖標旋轉以坐標軸原點為旋轉中心,圖標的旋轉角度按照一定的增量變化,在一定的旋轉角度中動作時間不斷增加,旋轉角度與動作時間決定了圖標旋轉速率,如圖2(d)所示.

在動作幅度的設定上：上下/左右移動的圖標自原點上下移動15 px 開始,動作幅度以15 px 的變化量增加至135 px (自0 px 開始),每段動作幅度的運動時長以50 ms 的變化量增加至2000 ms,一共得到360(40×9)個上下/左右移動樣本,如圖1、圖2；圖標旋轉閾值測量以15°的變化量旋轉至360°位置(自0°開始),每段動作幅度的動作時間以50 ms 的變化量增加至2500 ms,一共獲得1200 (50×24)個樣本；前后縮放的半徑增幅量為2 px,半徑增量自2-40 px,每段動作幅度的動作時間以50 ms 的變化量增加至2000 ms,總共800 (40×20)個樣本.

2.2 實驗被試

據中國互聯(lián)網絡信息中心《2018年中國互聯(lián)網絡發(fā)展狀況統(tǒng)計報告》報告稱,出生于1981～1991年之間,年齡在19～29 歲之間的青年人群是網民占比最多的且中國網民中學生群體最多,占比達24.8%.在這種情況下,在貴州大學現(xiàn)代制造技術教育部重點實驗室學習的19～29 歲的互聯(lián)網用戶被選為該研究的樣本.16 男,14 女,年齡19～29 歲(描述性統(tǒng)計如表1),視力或矯正視力正常,無色盲色弱,實驗開始之前熟悉實驗程序,被試距離屏幕中心300～350 cm.

表1 實驗參與者特征

圖2 動作時間閾值調查

2.3 實驗1.動態(tài)圖標動作時間閾值調查

實驗調查動態(tài)圖標的最佳、上閾、下閾動作時間,以被試的舒適感為判斷標準,分別測量被試在不同幅度下四種動態(tài)圖標形式的最佳動作時間(被試感覺上最舒適的圖標運動時長)、動作時間上閾和動作時間下閾,上閾/下閾的測量均在不引起被試不舒適感的前提下,被試能夠忍受的動作最長/最短時長.

本文不考慮手機外觀對于被試的影響,僅限于具有屏幕尺寸和圖形設計限制的手機屏幕,且關注動態(tài)圖標本身的運動形式對于用戶滿意度的影響,因此不考慮界面中的其他因素[21].實驗1 的樣本呈現(xiàn)在15 英寸(38.1 cm)的顯示器中央,設定樣本背景顏色為白色(RGB：255 255 255),顯示屏分辨率為2560×1600 px,亮度為180 cd/cm2,移動端的尺寸采用目前市場占比較多的750×1334 px,界面顯示為灰色(RGB：62 62 62)位于屏幕中央.為了避免情感效應[15]以及熟悉度對圖標動作時間閾值選擇的影響,動態(tài)圖標4 種樣式均選用生活中常用樣式：其中圖標的上下、左右移動與前后縮放形式設定參考iOS 設計規(guī)范與Material Design[16]建議的44×44 px 的圓形；為了方便測量觀察旋轉角度的動作時間閾值,旋轉圖標選用2×35 px 的圓角矩形.所有圖標刺激采用藍色(RGB：62 159 255),以降低刺激背景與前景一致性所產生的視覺疲勞,如圖2所示.

實驗1 開始前由實驗人員向被試闡述實驗注意事項,實驗第一階段由實驗人員控制圖標動作幅度與動作時間的升降,并記錄受測過程中每段動作幅度下被試感覺最舒適的動作時間.為防止被試受記憶值影響,每次受測前將數據歸零.受測過程中被試需要每10 min休息一次,以避免被試產生生理性疲勞.每段動作幅度均由最短動作時間提升至被試感覺最佳動作時間,在被試感覺達到最佳動作時間時,在此基礎上再次增加50～100 ms 動作時間供被試選擇最佳動作時間；接著在最長動作時間的測量中,實驗由最佳動作時間逐步增加動作時間,直至被試感覺無法忍受時記錄該數值便終止實驗；而在測量動作時間下閾時,實驗由最佳動作時間以50 ms 的變化量逐漸下降至被試無法忍受的最短動作時間并記錄該數據.

2.4 實驗2 設計.動態(tài)圖標動作幅度適合度調查

實驗2 在實驗1 的基礎上進行,調查動態(tài)圖標的最佳動作幅度.首先利用實驗1 中所得的線性回歸方程求出每個動作幅度下最合適的動作時間的預測值,動作幅度搭配對應的最佳動作時間獲得調查圖標動作幅度適合度的樣本.實驗樣本根據動作形式被分為上下/左右移動、縮放與旋轉四種,每種形式下的樣本依據動作幅度從小到大、從上到下排列,被試依次對實驗樣本的動作幅度進行Likert 量表評分,以1-5 分為舒適度評判等級,分值越高舒適度越大,實驗1-2 整體流程如圖3所示.

圖3 實驗程序設計

3 實驗數據分析與討論

3.1 實驗1 結果分析

3.1.1 動態(tài)圖標沿X/Y 軸移動的回歸結果

根據實驗1 所獲得的圖標沿X/Y 軸方向的動作幅度與動作時間的數據,實驗結果動作時長反映了3 種階段下用戶能接受的上閾、下閾、最佳動作時間.圖4、圖5顯示了沿X 軸/Y 軸移動的動作幅度與動作時間的上閾、舒適值、下閾的線性回歸,圖標的動作時間為因變量y,動作幅度為自變量x.T 檢驗的結果顯示不同性別的被試在感知X/Y 軸上的動作時間和動作幅度方面無顯著性差異(P=0.0921＜0.05).

如圖4、圖5所示,對于X/Y 軸上的動作時間與動作幅度的擬合圖,動作時長與動作幅度成正線性關系.隨著左右移動幅度的增大,動作時長的上閾、最佳、下閾也逐漸增加,但是當動作幅度趨近與140 px時,動作時間的值幾乎不受動作幅度的影響.

圖4 圖標左右移動與動作時間模型擬合的散點圖

圖標在X/Y 軸上的動作時間上閾值與下閾值無明顯差別,但在舒適動作時間方面,數據表明圖標在X 軸上動作時間值均小于Y 軸上的動作時間值,說明用戶傾向于垂直方向上的動作幅度大于水平方向上的動作幅度.圖4和圖5中調整后的R2剔除了回歸分析中自變量的個數得到,圖標在X 軸上移動的動作時間舒適值擬合為R2=0.998(調整R2=0.982).在Y 軸上移動的動作時間舒適值擬合R2=0.970(調整R2=0.966),擬合度較高.

圖5 圖標上下移動與動作時間模型擬合的散點圖

基于所有受試者的動作時間的最佳、上閾、下閾平均值,在Spss 中執(zhí)行變量相關性分析(F表示顯著性水平,P表示檢驗水平),從表2可以看出動態(tài)圖標沿X 軸移動的動作幅度與最佳動作時間顯著正相關F(1,7)=40.661,P=0.000＜0.05.動態(tài)圖標左右移動的動作時間上閾線性回歸方程為：y=4.935x+398.89 (R2=0.991,P=0.000＜0.05)；下閾線性回歸方程為：y=1.699x+27.685(R2=0.991,P=0.000＜0.05)；動作時間舒適值線性回歸方程為：y=3.196x+191.06 (R2=0.982,P=0.000＜0.05).動態(tài)圖標沿X 軸移動的動作幅度與最佳動作時間顯著相關,F=24.996,P=0.000＜0.05,動態(tài)圖標Y 軸方向移動的動作時間上閾線性回歸方程為：y=4.197x+418.7(R2=0.990,P=0.000＜0.05),上下移動距離與動作時間下閾線性回歸方程為：y=1.002x+48.009(R2=0.975,P=0.000＜0.05),上下移動距離動作時間舒適值線性回歸方程：y=2.101x+223(R2=0.970,P＜0.0001).

表2 動態(tài)圖標移動映射模型系數

3.1.2 動態(tài)圖標前后縮放回歸分析

基于動態(tài)圖標前后縮放量與動作時間實驗數據合理的擬合模型,圖6回歸線顯示圖標縮放與最佳動作時間擬合為99.8%(調整擬合99.8%),不考慮受試者之間的差異,擬合度較高.半徑增幅△R與動作時長上閾值、下閾值、舒適值呈現(xiàn)正線性關系圖,并且隨著半徑增幅越大,動作時長則越大.動態(tài)圖標縮放量與動作時間上閾線性回歸方程為：y=16.098x+463.3 (R2=0.994,P=0.000＜0.05),縮放量與動作時間下閾值線性回歸方程為：y=6.317x+62.397 (R2=0.985,P=0.000＜0.05),圖標縮放量與動作時間舒適閾值線性回歸方程為：y=13.529x+221.5 (R2=0.998,P=0.000＜0.05).表3提供了最佳動作時間、上閾、下閾的映射模型系數,顯示半徑增量與最佳動作時間顯著正相關(F=47.65,P=0.001＜0.05).

圖6 圖標前后縮放與動作時間模型擬合的散點圖

表3 動態(tài)圖標縮放映射模型系數

3.1.3 動態(tài)圖標旋轉形式回歸分析

在圖標的旋轉度實驗中,被試會因為各種情況而導致個別實驗數據出現(xiàn)突變,針對此類數據再次試驗之后數據恢復正常.除此之外實驗過程中,相比速度較慢的旋轉圖標,被試對旋轉速度快的圖標容忍度更低,這與旋轉速度快的圖標引起的視覺不適有關系.圖7為圖標旋轉度與動作時間的散點圖.如圖7所示,基于所有被試選擇的旋轉形式下動作時間平均值計得到擬合模型,對動作時間的平均值進行組內ANOVA 分析,表明圖標自變量旋轉角度與因變量動作時間的線性關系顯著,均不考慮受試者之間的差異,擬合度較高.由圖7所示,隨著旋轉角度的增大,動作時間則越長,但是當旋轉角度趨近360°的情況下,被試對于動作時間上閾的容忍度也逐漸增加,也就是說被試能接受更長的動作時間.

表4提供了最佳動作時間、上閾、下閾的映射模型系數,動態(tài)圖標的旋轉角度與動作舒適時間顯著相關F=57.223,P=0.000＜0.05,隨著旋轉角度的增加,動作時間也呈正相關增長.動態(tài)圖標旋轉角度上閾線性回歸方程為：y=3.444x+410.05 (R2=0.997,P＜0.001),下閾線性回歸方程：y=1.101x+128.67(R2=0.979,P=0.000＜0.05),舒適值線性回歸方程：y=2.075x+242.96(R2=0.993,P=0.000＜0.05).

圖7 圖標旋轉角度與動作時間模型擬合的散點圖

表4 動態(tài)圖標旋轉映射模型系數

3.2 動作幅度適合度(實驗2)數據分析

實驗2 目標是確定動態(tài)圖標4 種形式在該移動設備下的最佳動作幅度,將不同最佳動作時間下的動態(tài)幅度所獲得的評分進行單因子變異數分析,失蹤動態(tài)形式均顯示顯著差異,為了解不同的差異情況,再次將平均評分進行Duncan 法多重檢驗.

由表5,左右移動的圖標最合適的動作幅度是75 px,其平均評分至3.79 分,動作幅度120 px、90 px、105 px與75 px 的評分無明顯差別.上下圖標的最佳動作幅度為90 px,其最高評分為3.83 分,動作幅度75 px、105 px、120 px 的評分與最高評分的移動幅度無顯著差異,略高于左右移動最佳動作幅度,這與移動端的尺寸有關.

表5 Duncan 法鑒定結果

圖標旋轉角度在120°的時候獲得最高平均評分3.71 分,旋轉角度在90°、135°、60°、75°、360°的評分無顯著差異,可以發(fā)現(xiàn),用戶對圖標的旋轉角度并無絕對的偏好,用戶對旋轉角度的偏好可以將旋轉角度分為75°、120°、270°、360°四個階段,可以滿足設計師對不同意象的設計需求.圖標前后縮放最高的是半徑增幅為18 px,平均評分為3.78 分,其與半徑增幅量為20 px、16 px、22 px 的評分無明顯差別,與旋轉的用戶偏好的動作幅度不同的是,用戶對于縮放的比例傾向于不超過原本圖標的2 倍.

根據實驗2 中得到的最佳動作幅度,將4 種動態(tài)形式下的最佳動作幅度運用在實驗1 中得到的回歸方程中,獲得4 種動態(tài)形式的最佳動作時間、上閾與下閾.如表6所示,不同的動態(tài)形式推薦使用不同的動作時間；左右移動與上下移動的動作時間上閾、下閾數值上無明顯差別；前后縮放與旋轉形式的動作時間上閾、下閾、舒適值的數值也無明顯差別；4 種動態(tài)形式的動作時間舒適值通常在450 ms 左右,動作時間均未超過1 s.

表6 動態(tài)效果設計參考值

4 討論

從本文的實驗結果可以看出,動態(tài)圖標的動態(tài)形式與運動方向、速率、路徑、范圍顯著相關,用戶對于不同的動態(tài)形式會產生不同的情緒感受與滿意度.根據實驗1 和實驗2 中動作時間閾值測試及分析結果,結合Google Material Design 與Fluent Design 推薦的動畫時長,發(fā)現(xiàn)在4 種動態(tài)形式下,移動端的動態(tài)圖標運動時長在450 ms 左右最為合適；即使是動作時間的上閾也不大于1 s,不然會使用戶產生遲緩、卡頓的感覺.

4.1 圖標復雜度與動作時間變化

根據實驗1 的數據顯示,當相同元素的圖標沿X/Y 軸做勻速運動的動作時間明顯小于圖標做前后縮放以及旋轉運動的動作時間,因此推測動作時間的偏好與動態(tài)圖標復雜度相關.為了確定圖標復雜度對動作時間偏好的影響,基于五分量表法計算了4 個運動圖標的復雜度,包括形狀復雜度和運動復雜度,將簡單形狀的復雜度設置為1,評價結果示于表7.

表7 動態(tài)圖標復雜度

該結果表明,旋轉形式的復雜度最高,且與之對應的運動時間最高.結果與之前的假設一致,用戶對復雜形狀和運動模式(旋轉、縮放)的關注負荷高于簡單運動模式(水平運動和垂直運動),用戶的注意力負荷小于復雜的運動模式,因此用戶需要更多的時間認知動態(tài)圖標,因此,除了表6中得到的一般狀態(tài)下的動作幅度與動作時間外,針對復雜的形狀以及運動模式下,動態(tài)圖標的動作時長應該合理增加.

4.2 設備尺寸與動作幅度變化

當相同元素的圖標做沿X/Y 軸的勻速運動時,用戶更加偏向Y 軸上的動作幅度大于X 軸上的動作幅度,這或許與智能設備的尺寸與重力(weigh)相關,實驗中采用的設備模型長寬比大于1,除此之外,研究顯示用戶更加傾向于重力方向一致的運動方向,為用戶增加了Y 軸方向上的動作幅度接受程度.因此,與之前的一些研究結果類似,最佳動作幅度的數值與設備尺寸呈正相關,較大的屏幕需要更大的動作幅度,更多的運動時間,以確保圖標不會移動得太快.除此之外,動作幅度的大小與設備尺寸以及需要表達的意向相關,根據實驗過程中被試反饋,不同的動作時間與相同的動作幅度形成了不同的圖標運動速率,即使在試驗前并未對被試提及聯(lián)想意象,被試在試驗過程中仍舊會聯(lián)想到旋轉速度相似的意象,例如：汽車的雨刷、時針搖擺、晃蕩的秋千等,用戶偏好的動作速率總是與自然界中的運動相對應,說明用戶更加偏好于接近自然界中平滑連貫的動效.

綜上所述針對圖標動態(tài)形式設計時,為了達到高滿意度與低認知負荷,除了依照實驗1 中得到的預測模型與表6中的建議數值,根據情況的不同動作時間與動作幅度可以做相應的調整：(1)復雜的形狀以及復雜的運動模式,動態(tài)圖標的動作時長應該合理增加；(2)幅度大、復雜的、全屏過渡的動畫需要更長的持續(xù)時間,相同時間內圖標做長距離運動時,動作時間應該比短距離運動時更大,更大的屏幕需要更多的動作時間來確保圖標不會移動過快；(3)動作幅度與動作時間的設定應盡量貼近自然界中的運動.

5 結論與展望

研究結果表明,動態(tài)圖標運動方向、速率、路徑、范圍對動態(tài)形式有顯著影響；對動態(tài)圖標的最佳、上閾、下閾動作時間設定影響最大的是圖標動作幅度,其次為動作復雜度,而動作幅度的設定與設備的尺寸相關.本研究基于用戶偏好滿意度對動態(tài)圖標進行改善,為人機界面以及動態(tài)圖標設計提供了理論參考.

本研究調查對象為移動端APP 界面中使用的動態(tài)圖標的影響,但僅限于具有屏幕尺寸和圖形設計限制的手機屏幕,許多研究限制仍有待解決.未來需要研究動態(tài)圖標對用戶指導的作用,以及動態(tài)圖標對用戶腦力負荷的影響進行詳細的評估,該評估將使用眼動追蹤和神經生理學辦法完成,深入探索動態(tài)圖標對于視覺搜索和認知負荷的影響,為動態(tài)圖標的設計模式制定更詳細的標準是提高用戶對人機界面的認知績效以及體驗的重要環(huán)節(jié).