iPhone、Android和Windows手機界面圖標(biāo)的比較和分析

樊麗華 王曉英

摘要：該文首先指出手機界面圖標(biāo)的研究現(xiàn)狀，接下來對手機界面圖標(biāo)所包含的內(nèi)容進行分析，然后根據(jù)人機工程和視覺認(rèn)知原理對iPhone手機界面圖標(biāo)，Android手機界面圖標(biāo)和Windows8手機界面圖標(biāo)進行分析和比較。

關(guān)鍵詞：手機界面；圖標(biāo)；人機工程；視覺認(rèn)知原理

中圖分類號：TP31 文獻標(biāo)識碼：A 文章編號：1009-3044（2014）23-5531-03

圖標(biāo)是當(dāng)前交互操作系統(tǒng)（WIMP）的一個重要組成部分，其中圖標(biāo)在交互界面上的尺寸、數(shù)量、形狀等，一方面，決定了操作界面的整潔、美觀等主觀感覺，另一方面，合適的排列、組合方式，也能縮短在系統(tǒng)中搜尋應(yīng)用軟件的時間，從而提高工作的效率。手機界面的圖標(biāo)在手機與人的交互系統(tǒng)中在一定程度上決定著用戶的體驗，近年來對手機界面圖標(biāo)的研究也越來越多，如任美琪[1]等人總結(jié)出了視覺認(rèn)知原理中圖標(biāo)隱喻設(shè)計的類型及圖標(biāo)隱喻設(shè)計的評判標(biāo)準(zhǔn)，喻婷[2]等人結(jié)合人機工程學(xué)和審美心理學(xué)的理論方法，探討圖標(biāo)的人性化交互設(shè)計原則，但沒有對主流手機操作系統(tǒng)的圖標(biāo)進行比較研究，也沒有從人機工程和視覺認(rèn)知原理系統(tǒng)地進行研究，基于上述事實，該文的研究對圖標(biāo)的設(shè)計具有一定意義。

本文將對圖標(biāo)所包含的內(nèi)容進行分析，并根據(jù)人機工程和視覺認(rèn)知原理，分析和比較iPhone手機界面圖標(biāo)，Android手機界面圖標(biāo)和Windows8手機界面圖標(biāo)。

1 圖標(biāo)的分析

手機界面圖標(biāo)包括的內(nèi)容有圖標(biāo)的尺寸、數(shù)量、形狀、排列分布、圖標(biāo)組合、文字說明、邊界距離、間隙大小等。下面將針對圖標(biāo)的以上內(nèi)容，根據(jù)人機工程學(xué)和認(rèn)知原理，從圖標(biāo)的隱喻和認(rèn)知，注意與疲勞，知覺判斷，情緒體驗四個方面分析iPhone圖標(biāo)如圖1，Android圖標(biāo)如圖2，Windows8圖標(biāo)如圖3。

1.1 圖標(biāo)的隱喻和認(rèn)知

用戶界面的隱喻以用戶感知過的事物為藍(lán)本，對界面架構(gòu)和交互方式進行比擬。設(shè)計者利用用戶對于事物的知識（視覺、觸覺、使用經(jīng)驗等），通過隱喻的認(rèn)知機制使界面的感知特性和操作方法與用戶原有的經(jīng)驗產(chǎn)生映射。圖標(biāo)隱喻在計算機圖形界面中起了相當(dāng)重要的作用。隱喻目前已經(jīng)成為人機界面設(shè)計中的一頁，是非常重要的造型觀念和手段[3]。隱喻的類型有：擬人化的隱喻，借鏡自然的隱喻，借鏡人為的隱喻。

1.1.1 iPhone的圖標(biāo)

1.1.2 Android的圖標(biāo)

1.1.3 Windows8的圖標(biāo)

Windows8手機界面的圖標(biāo)中打電話、發(fā)短信的圖標(biāo)如圖 13，不僅使用了圖標(biāo)的隱喻，而且表達(dá)更直接，省去了多余的修飾，圖標(biāo)上顯示描述短信個數(shù)、對話用戶數(shù)的具體的數(shù)字，還有圖標(biāo)直接配有文字和照片。用戶理解更為直觀和清晰。

1.2注意與疲勞

注意保證了心理過程能更好地反映客觀事實，使心理活動富于組織性、積極性、清晰性和深刻性。有研究表明，人類對事物的注意力和記憶的限制是毋庸置疑的事實。因此，交互過程中應(yīng)該特別注意信息的限制。此外，疲勞會使人的工作能力下降，會引起各種問題。因此，在交互設(shè)計中既要保證注意的分配，又要保證不疲勞。

1.2.1 iPhone的圖標(biāo)

1.2.2 Android圖標(biāo)

1.2.3 Windows 8

1.3知覺判斷

格式塔心理學(xué)曾根據(jù)認(rèn)知和判斷的整體模型提出了知覺判斷的5個原理，包括：接近性原則、相似性原則、連續(xù)性原則、完整性和閉合性原則、對稱性原則。

1.3.1 iPhone

1.3.2 Android圖標(biāo)

1.3.3 Windows 8

1.4圖標(biāo)使用過程中的情感體驗

1.4.3 Windows 8圖標(biāo)

Windows8的圖標(biāo)達(dá)到了以上3個層次，但又增加了重要的一點“效率”，正如Rachel Hinman提到的移動情景設(shè)計的5原則：修剪、修剪、再修剪；保證設(shè)計直觀易懂；一目了然，減少挖掘；考慮信息與其他功能自然連接；從哪里離開，從哪里重新開始[5]。所有的一切都為提高效率而工作，效率就是目標(biāo)和方向，讓人投入最少的注意力，獲得最好的心理體驗，在圖標(biāo)的設(shè)計中也是如此。

2 總結(jié)

以上根據(jù)人機工程和視覺認(rèn)知原理，對iPhone手機界面圖標(biāo)，Android手機界面圖標(biāo)和Windows8手機界面圖標(biāo)進行了4個方面的分析，windows 8的圖標(biāo)設(shè)計和iPhone圖標(biāo)在4個方面明顯優(yōu)于Android圖標(biāo)。

參考文獻：

[1] 任美琪.手機交戶界面中圖標(biāo)的隱喻設(shè)計研究[J].包裝工程，2014，35（4）.

[2] 喻婷.智能手機用戶界面的圖標(biāo)人性化交互設(shè)計研究[J].包裝工程，2011，32（24）.

[3] 孟祥旭.人機交互基礎(chǔ)教程[M].2版.北京：清華大學(xué)出版社，2010.

[4] 諾曼.情感化設(shè)計[M].北京：電子工業(yè)出版社，2005.

[5] Rachel Hinman.移動互聯(lián)：用戶體驗設(shè)計指南[M].北京：清華大學(xué)出版社，2013.