摘 要 高性能的智能手機(jī)帶來(lái)了手機(jī)UI設(shè)計(jì)的巨變。文章從用戶體驗(yàn)的角度比較蘋果IOS7.1和安卓4.2手機(jī)的UI設(shè)計(jì)，分析了智能手機(jī)UI設(shè)計(jì)的發(fā)展趨勢(shì)。

關(guān)鍵詞 智能手機(jī)；UI界面設(shè)計(jì)；蘋果IOS；安卓

中圖分類號(hào)：TP14 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1671-7597（2014）08-0033-02

高性能的智能手機(jī)是這幾年來(lái)的消費(fèi)熱點(diǎn)，2013年智能手機(jī)全球出貨量已經(jīng)突破10億臺(tái)。智能手機(jī)的高性能使手機(jī)UI設(shè)計(jì)也進(jìn)入了一個(gè)嶄新階段。那么對(duì)于智能手機(jī)來(lái)說(shuō)，怎樣才是更優(yōu)秀的UI設(shè)計(jì)，具有眾多功能的手機(jī)如何讓用戶更快速地學(xué)會(huì)使用，怎樣的設(shè)計(jì)方式和審美法則會(huì)令智能手機(jī)用戶更易接受呢？這是UI設(shè)計(jì)師需要研究的新課題。

目前智能手機(jī)主要操作系統(tǒng)為蘋果的IOS和谷歌的安卓系統(tǒng)，其他操作系統(tǒng)智能機(jī)加在一起的市場(chǎng)占比也未超過(guò)個(gè)位數(shù)。因此本文主要研究對(duì)象選擇的是安卓智能機(jī)和蘋果智能機(jī)。安卓系統(tǒng)的智能機(jī)雖然品牌眾多，但UI界面大同小異。下文將以蘋果IOS7.1的手機(jī)界面和安卓4.2的手機(jī)界面進(jìn)行對(duì)比分析，試圖找尋智能手機(jī)UI設(shè)計(jì)之規(guī)律所在。

1 智能手機(jī)主界面之比較

智能手機(jī)就像一個(gè)能通話的小型掌上電腦，除了手機(jī)自帶的基本功能之外，用戶還可以通過(guò)網(wǎng)絡(luò)下載和安裝多種第三方應(yīng)用程序（APP）。而這些應(yīng)用程序的入口都以界面小圖標(biāo)的形式排列在智能手機(jī)的主界面中。手機(jī)的屏幕較小，在一屏中最多放置4行5列的APP圖標(biāo)，一般用戶都有2到5個(gè)可滑動(dòng)的APP主界面。

圖1

如圖1所示，左邊為蘋果IOS7.1操作系統(tǒng)主界面，右邊為安卓4.2操作系統(tǒng)主界面。盡管蘋果手機(jī)屏幕尺寸略小，但主界面上排列的APP圖標(biāo)數(shù)目與安卓手機(jī)相同，且沒(méi)有擁擠之感，只是顯得圖標(biāo)緊湊界面豐滿。從單個(gè)圖標(biāo)上來(lái)看，蘋果的單個(gè)圖標(biāo)尺寸甚至比安卓的單個(gè)圖標(biāo)還要大，并以其獨(dú)特的大圓角來(lái)體現(xiàn)。當(dāng)我們用食指在屏幕上點(diǎn)擊選擇時(shí)，這種圓潤(rùn)的外形和較大面積的可點(diǎn)擊區(qū)域就會(huì)令人感到更加方便和舒適。當(dāng)然，由于蘋果的界面小圖標(biāo)大，其圖標(biāo)下方的文字就被縮小了許多。但是在如今這個(gè)讀圖時(shí)代，只要圖標(biāo)設(shè)計(jì)的合理易懂，名稱完全可以作為輔助工具，小一些并不影響使用。反而是安卓手機(jī)界面中圖標(biāo)與文字重要性區(qū)分不夠明顯，整個(gè)界面重點(diǎn)不夠突出，略顯松散。

其次從功能的歸納和整理上來(lái)看，蘋果也要顯得更勝一籌。就拿手機(jī)的基本功能撥號(hào)來(lái)說(shuō)。在蘋果UI主界面中，可以看到撥號(hào)作為一個(gè)基本常用功能默認(rèn)被放在主界面下方的快捷欄里。點(diǎn)擊該圖標(biāo)可以看到內(nèi)部整合了相關(guān)功能：個(gè)人收藏、最近通話記錄、通訊錄和撥號(hào)鍵盤。再看安卓手機(jī)默認(rèn)情況下在主界面中就有兩個(gè)“撥號(hào)盤”按鈕，一個(gè)在第一行中，另一個(gè)在下方的快捷欄里。同時(shí)已經(jīng)整合在撥號(hào)盤內(nèi)部的“通話記錄”、“快速撥號(hào)”和“通訊錄”這三個(gè)功能也分別在主界面上各占了一個(gè)圖標(biāo)。原本可以整合為一個(gè)圖標(biāo)的內(nèi)容在同一個(gè)界面上出現(xiàn)了五次。在今天這個(gè)信息爆炸的時(shí)代，讓過(guò)量的信息以更合邏輯的方式整合、梳理、歸納、簡(jiǎn)化，應(yīng)該比把內(nèi)容重復(fù)堆疊、統(tǒng)統(tǒng)擺在桌面上來(lái)得令人舒服和易于接受吧。而安卓手機(jī)卻反其道而行之，除了應(yīng)用程序還從內(nèi)容中拆分出了“小部件”和“美圖秀秀”，大大增加了用戶學(xué)習(xí)如何使用的時(shí)間，而實(shí)際上“小部件”和“美圖秀秀”中的許多功能都是應(yīng)用程序中的重復(fù)，使用率并不高。

再者，從選擇圖標(biāo)按鈕之后的動(dòng)畫過(guò)渡效果來(lái)看，蘋果手機(jī)的用戶體驗(yàn)要優(yōu)越得多。在蘋果手機(jī)上點(diǎn)擊一個(gè)APP按鈕之后，立即會(huì)有一個(gè)按鈕放大變化成具體應(yīng)用程序的過(guò)渡動(dòng)畫。經(jīng)過(guò)動(dòng)畫銜接，打開(kāi)應(yīng)用程序這個(gè)過(guò)程就顯得非常直觀和易于理解。而安卓手機(jī)在點(diǎn)擊某個(gè)APP圖標(biāo)之后，沒(méi)有任何動(dòng)畫效果直接顯示新的程序界面，與蘋果相比就要顯得生硬很多。

2 日歷APP的使用體驗(yàn)之比較

日歷是每款智能手機(jī)必不可少的基本功能之一。日歷的顯示基本包括了月視圖、年視圖、日視圖這三種顯示方式。其中月視圖是人們最常用的視圖，而日視圖可以和提醒事項(xiàng)組合在一起。IOS7在日歷APP的用戶體驗(yàn)上比前一版本改良了不少，整體形成了一個(gè)流暢自然的過(guò)程。如圖2所示，點(diǎn)擊日歷APP圖標(biāo)之后，默認(rèn)打開(kāi)的是使用率最高的月視圖，并且今日被用色彩反向的方式高亮顯示出來(lái)，這一點(diǎn)各種智能手機(jī)都可以做到。IOS7的獨(dú)特之處在于把人們對(duì)時(shí)間流的理解融合進(jìn)日歷中，使日視圖、月視圖、年視圖連貫了起來(lái)，而不是分割開(kāi)的部分。例如在月視圖中，當(dāng)你用手指輕輕上下滑動(dòng)，會(huì)發(fā)現(xiàn)每個(gè)月像流水一樣一個(gè)接一個(gè)地顯示出來(lái)；當(dāng)你點(diǎn)擊左上角的年份時(shí)，月歷圖馬上縮小、再縮小變成年視圖中的一個(gè)部分；當(dāng)你在月視圖中點(diǎn)擊某一個(gè)日期時(shí)，這個(gè)日期馬上放大、再放大變成當(dāng)天的日視圖和提醒事項(xiàng)。這些過(guò)渡動(dòng)畫和界面的銜接方式非常貼合人們固有的時(shí)間概念，因此蘋果做到了讓人一看就明白、一試就會(huì)用，體現(xiàn)出了對(duì)用戶體驗(yàn)的尊重。

圖2

3 滑塊開(kāi)關(guān)之比較

關(guān)于UI界面中的按鈕或開(kāi)關(guān)滑塊如何設(shè)計(jì)，是表示當(dāng)前狀態(tài)好還是表示點(diǎn)擊后將會(huì)到達(dá)的狀態(tài)好，這是UI設(shè)計(jì)者們經(jīng)常碰到的一個(gè)問(wèn)題。如果有足夠空間，把滑塊或開(kāi)關(guān)兩頭的狀態(tài)都用文字表示出來(lái)，這當(dāng)然是一種不易引起混淆的方法。但這種方法也不是每一次都適用，比如說(shuō)空間不夠大的情況下。

如圖3中所示，是IOS7.1和安卓4.2手機(jī)的設(shè)置界面，其中都有一個(gè)經(jīng)典的開(kāi)關(guān)滑塊。初看之下似乎大同小異，但在具體使用中用戶的反應(yīng)時(shí)間還是會(huì)有所差別。蘋果的滑塊關(guān)閉時(shí)呈現(xiàn)灰色調(diào)，給人明顯的關(guān)閉感。打開(kāi)時(shí)背景變成鮮明的彩色，高對(duì)比度讓用戶一下就明白按鈕已經(jīng)打開(kāi)。完全的圖形和色彩的表達(dá)方式，不管什么國(guó)家的用戶都不會(huì)產(chǎn)生歧義。安卓的滑塊雖然打開(kāi)的按鈕也添加了鮮艷的色彩。但是打開(kāi)和關(guān)閉狀態(tài)的對(duì)比不夠強(qiáng)烈，并且在按鈕上添加了表示開(kāi)關(guān)的符號(hào)，本意應(yīng)該是為了增強(qiáng)按鈕的表意效果，但實(shí)際使用時(shí)由于用戶并不一定清楚這個(gè)符號(hào)的含義反而會(huì)增加思考和判斷的時(shí)間。所以這兩個(gè)按鈕滑塊的比較結(jié)果是：蘋果的按鈕滑塊更加簡(jiǎn)潔易懂。

圖3

上文從智能手機(jī)主界面、日歷APP使用體驗(yàn)、設(shè)置界面中的滑塊開(kāi)關(guān)幾個(gè)方面比較了蘋果IOS7.1和安卓4.2的UI設(shè)計(jì)。當(dāng)然，安卓手機(jī)由于品牌眾多，不同品牌不同價(jià)位的手機(jī)之間在UI界面設(shè)計(jì)上也存在些微差別，良莠不齊?？傮w來(lái)說(shuō)，在今天這個(gè)移動(dòng)互聯(lián)新時(shí)代，智能手機(jī)的功能變得越來(lái)越豐富。智能手機(jī)UI設(shè)計(jì)的總趨勢(shì)是越來(lái)越重視用戶體驗(yàn)，所謂的：“用戶至上、體驗(yàn)為王、圖形當(dāng)?shù)馈⒑?jiǎn)約取勝”。

參考文獻(xiàn)

[1]苗延榮，祁小雨.物聯(lián)網(wǎng)時(shí)代的智慧型手機(jī)設(shè)計(jì)探析[J].包裝工程.

[2]黃凌玉，肖狄虎.手機(jī)造型設(shè)計(jì)的意象研究[J].藝術(shù)與設(shè)計(jì)（理論）.

作者簡(jiǎn)介

尤勝（1975-），女，福建南安人，講師，碩士研究生，研究方向：電腦藝術(shù)設(shè)計(jì)。endprint

摘 要 高性能的智能手機(jī)帶來(lái)了手機(jī)UI設(shè)計(jì)的巨變。文章從用戶體驗(yàn)的角度比較蘋果IOS7.1和安卓4.2手機(jī)的UI設(shè)計(jì)，分析了智能手機(jī)UI設(shè)計(jì)的發(fā)展趨勢(shì)。

關(guān)鍵詞 智能手機(jī)；UI界面設(shè)計(jì)；蘋果IOS；安卓

中圖分類號(hào)：TP14 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1671-7597（2014）08-0033-02

高性能的智能手機(jī)是這幾年來(lái)的消費(fèi)熱點(diǎn)，2013年智能手機(jī)全球出貨量已經(jīng)突破10億臺(tái)。智能手機(jī)的高性能使手機(jī)UI設(shè)計(jì)也進(jìn)入了一個(gè)嶄新階段。那么對(duì)于智能手機(jī)來(lái)說(shuō)，怎樣才是更優(yōu)秀的UI設(shè)計(jì)，具有眾多功能的手機(jī)如何讓用戶更快速地學(xué)會(huì)使用，怎樣的設(shè)計(jì)方式和審美法則會(huì)令智能手機(jī)用戶更易接受呢？這是UI設(shè)計(jì)師需要研究的新課題。

目前智能手機(jī)主要操作系統(tǒng)為蘋果的IOS和谷歌的安卓系統(tǒng)，其他操作系統(tǒng)智能機(jī)加在一起的市場(chǎng)占比也未超過(guò)個(gè)位數(shù)。因此本文主要研究對(duì)象選擇的是安卓智能機(jī)和蘋果智能機(jī)。安卓系統(tǒng)的智能機(jī)雖然品牌眾多，但UI界面大同小異。下文將以蘋果IOS7.1的手機(jī)界面和安卓4.2的手機(jī)界面進(jìn)行對(duì)比分析，試圖找尋智能手機(jī)UI設(shè)計(jì)之規(guī)律所在。

1 智能手機(jī)主界面之比較

智能手機(jī)就像一個(gè)能通話的小型掌上電腦，除了手機(jī)自帶的基本功能之外，用戶還可以通過(guò)網(wǎng)絡(luò)下載和安裝多種第三方應(yīng)用程序（APP）。而這些應(yīng)用程序的入口都以界面小圖標(biāo)的形式排列在智能手機(jī)的主界面中。手機(jī)的屏幕較小，在一屏中最多放置4行5列的APP圖標(biāo)，一般用戶都有2到5個(gè)可滑動(dòng)的APP主界面。

圖1

如圖1所示，左邊為蘋果IOS7.1操作系統(tǒng)主界面，右邊為安卓4.2操作系統(tǒng)主界面。盡管蘋果手機(jī)屏幕尺寸略小，但主界面上排列的APP圖標(biāo)數(shù)目與安卓手機(jī)相同，且沒(méi)有擁擠之感，只是顯得圖標(biāo)緊湊界面豐滿。從單個(gè)圖標(biāo)上來(lái)看，蘋果的單個(gè)圖標(biāo)尺寸甚至比安卓的單個(gè)圖標(biāo)還要大，并以其獨(dú)特的大圓角來(lái)體現(xiàn)。當(dāng)我們用食指在屏幕上點(diǎn)擊選擇時(shí)，這種圓潤(rùn)的外形和較大面積的可點(diǎn)擊區(qū)域就會(huì)令人感到更加方便和舒適。當(dāng)然，由于蘋果的界面小圖標(biāo)大，其圖標(biāo)下方的文字就被縮小了許多。但是在如今這個(gè)讀圖時(shí)代，只要圖標(biāo)設(shè)計(jì)的合理易懂，名稱完全可以作為輔助工具，小一些并不影響使用。反而是安卓手機(jī)界面中圖標(biāo)與文字重要性區(qū)分不夠明顯，整個(gè)界面重點(diǎn)不夠突出，略顯松散。

其次從功能的歸納和整理上來(lái)看，蘋果也要顯得更勝一籌。就拿手機(jī)的基本功能撥號(hào)來(lái)說(shuō)。在蘋果UI主界面中，可以看到撥號(hào)作為一個(gè)基本常用功能默認(rèn)被放在主界面下方的快捷欄里。點(diǎn)擊該圖標(biāo)可以看到內(nèi)部整合了相關(guān)功能：個(gè)人收藏、最近通話記錄、通訊錄和撥號(hào)鍵盤。再看安卓手機(jī)默認(rèn)情況下在主界面中就有兩個(gè)“撥號(hào)盤”按鈕，一個(gè)在第一行中，另一個(gè)在下方的快捷欄里。同時(shí)已經(jīng)整合在撥號(hào)盤內(nèi)部的“通話記錄”、“快速撥號(hào)”和“通訊錄”這三個(gè)功能也分別在主界面上各占了一個(gè)圖標(biāo)。原本可以整合為一個(gè)圖標(biāo)的內(nèi)容在同一個(gè)界面上出現(xiàn)了五次。在今天這個(gè)信息爆炸的時(shí)代，讓過(guò)量的信息以更合邏輯的方式整合、梳理、歸納、簡(jiǎn)化，應(yīng)該比把內(nèi)容重復(fù)堆疊、統(tǒng)統(tǒng)擺在桌面上來(lái)得令人舒服和易于接受吧。而安卓手機(jī)卻反其道而行之，除了應(yīng)用程序還從內(nèi)容中拆分出了“小部件”和“美圖秀秀”，大大增加了用戶學(xué)習(xí)如何使用的時(shí)間，而實(shí)際上“小部件”和“美圖秀秀”中的許多功能都是應(yīng)用程序中的重復(fù)，使用率并不高。

再者，從選擇圖標(biāo)按鈕之后的動(dòng)畫過(guò)渡效果來(lái)看，蘋果手機(jī)的用戶體驗(yàn)要優(yōu)越得多。在蘋果手機(jī)上點(diǎn)擊一個(gè)APP按鈕之后，立即會(huì)有一個(gè)按鈕放大變化成具體應(yīng)用程序的過(guò)渡動(dòng)畫。經(jīng)過(guò)動(dòng)畫銜接，打開(kāi)應(yīng)用程序這個(gè)過(guò)程就顯得非常直觀和易于理解。而安卓手機(jī)在點(diǎn)擊某個(gè)APP圖標(biāo)之后，沒(méi)有任何動(dòng)畫效果直接顯示新的程序界面，與蘋果相比就要顯得生硬很多。

2 日歷APP的使用體驗(yàn)之比較

日歷是每款智能手機(jī)必不可少的基本功能之一。日歷的顯示基本包括了月視圖、年視圖、日視圖這三種顯示方式。其中月視圖是人們最常用的視圖，而日視圖可以和提醒事項(xiàng)組合在一起。IOS7在日歷APP的用戶體驗(yàn)上比前一版本改良了不少，整體形成了一個(gè)流暢自然的過(guò)程。如圖2所示，點(diǎn)擊日歷APP圖標(biāo)之后，默認(rèn)打開(kāi)的是使用率最高的月視圖，并且今日被用色彩反向的方式高亮顯示出來(lái)，這一點(diǎn)各種智能手機(jī)都可以做到。IOS7的獨(dú)特之處在于把人們對(duì)時(shí)間流的理解融合進(jìn)日歷中，使日視圖、月視圖、年視圖連貫了起來(lái)，而不是分割開(kāi)的部分。例如在月視圖中，當(dāng)你用手指輕輕上下滑動(dòng)，會(huì)發(fā)現(xiàn)每個(gè)月像流水一樣一個(gè)接一個(gè)地顯示出來(lái)；當(dāng)你點(diǎn)擊左上角的年份時(shí)，月歷圖馬上縮小、再縮小變成年視圖中的一個(gè)部分；當(dāng)你在月視圖中點(diǎn)擊某一個(gè)日期時(shí)，這個(gè)日期馬上放大、再放大變成當(dāng)天的日視圖和提醒事項(xiàng)。這些過(guò)渡動(dòng)畫和界面的銜接方式非常貼合人們固有的時(shí)間概念，因此蘋果做到了讓人一看就明白、一試就會(huì)用，體現(xiàn)出了對(duì)用戶體驗(yàn)的尊重。

圖2

3 滑塊開(kāi)關(guān)之比較

關(guān)于UI界面中的按鈕或開(kāi)關(guān)滑塊如何設(shè)計(jì)，是表示當(dāng)前狀態(tài)好還是表示點(diǎn)擊后將會(huì)到達(dá)的狀態(tài)好，這是UI設(shè)計(jì)者們經(jīng)常碰到的一個(gè)問(wèn)題。如果有足夠空間，把滑塊或開(kāi)關(guān)兩頭的狀態(tài)都用文字表示出來(lái)，這當(dāng)然是一種不易引起混淆的方法。但這種方法也不是每一次都適用，比如說(shuō)空間不夠大的情況下。

如圖3中所示，是IOS7.1和安卓4.2手機(jī)的設(shè)置界面，其中都有一個(gè)經(jīng)典的開(kāi)關(guān)滑塊。初看之下似乎大同小異，但在具體使用中用戶的反應(yīng)時(shí)間還是會(huì)有所差別。蘋果的滑塊關(guān)閉時(shí)呈現(xiàn)灰色調(diào)，給人明顯的關(guān)閉感。打開(kāi)時(shí)背景變成鮮明的彩色，高對(duì)比度讓用戶一下就明白按鈕已經(jīng)打開(kāi)。完全的圖形和色彩的表達(dá)方式，不管什么國(guó)家的用戶都不會(huì)產(chǎn)生歧義。安卓的滑塊雖然打開(kāi)的按鈕也添加了鮮艷的色彩。但是打開(kāi)和關(guān)閉狀態(tài)的對(duì)比不夠強(qiáng)烈，并且在按鈕上添加了表示開(kāi)關(guān)的符號(hào)，本意應(yīng)該是為了增強(qiáng)按鈕的表意效果，但實(shí)際使用時(shí)由于用戶并不一定清楚這個(gè)符號(hào)的含義反而會(huì)增加思考和判斷的時(shí)間。所以這兩個(gè)按鈕滑塊的比較結(jié)果是：蘋果的按鈕滑塊更加簡(jiǎn)潔易懂。

圖3

上文從智能手機(jī)主界面、日歷APP使用體驗(yàn)、設(shè)置界面中的滑塊開(kāi)關(guān)幾個(gè)方面比較了蘋果IOS7.1和安卓4.2的UI設(shè)計(jì)。當(dāng)然，安卓手機(jī)由于品牌眾多，不同品牌不同價(jià)位的手機(jī)之間在UI界面設(shè)計(jì)上也存在些微差別，良莠不齊。總體來(lái)說(shuō)，在今天這個(gè)移動(dòng)互聯(lián)新時(shí)代，智能手機(jī)的功能變得越來(lái)越豐富。智能手機(jī)UI設(shè)計(jì)的總趨勢(shì)是越來(lái)越重視用戶體驗(yàn)，所謂的：“用戶至上、體驗(yàn)為王、圖形當(dāng)?shù)?、?jiǎn)約取勝”。

參考文獻(xiàn)

[1]苗延榮，祁小雨.物聯(lián)網(wǎng)時(shí)代的智慧型手機(jī)設(shè)計(jì)探析[J].包裝工程.

[2]黃凌玉，肖狄虎.手機(jī)造型設(shè)計(jì)的意象研究[J].藝術(shù)與設(shè)計(jì)（理論）.

作者簡(jiǎn)介

尤勝（1975-），女，福建南安人，講師，碩士研究生，研究方向：電腦藝術(shù)設(shè)計(jì)。endprint

摘 要 高性能的智能手機(jī)帶來(lái)了手機(jī)UI設(shè)計(jì)的巨變。文章從用戶體驗(yàn)的角度比較蘋果IOS7.1和安卓4.2手機(jī)的UI設(shè)計(jì)，分析了智能手機(jī)UI設(shè)計(jì)的發(fā)展趨勢(shì)。

關(guān)鍵詞 智能手機(jī)；UI界面設(shè)計(jì)；蘋果IOS；安卓

中圖分類號(hào)：TP14 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1671-7597（2014）08-0033-02

高性能的智能手機(jī)是這幾年來(lái)的消費(fèi)熱點(diǎn)，2013年智能手機(jī)全球出貨量已經(jīng)突破10億臺(tái)。智能手機(jī)的高性能使手機(jī)UI設(shè)計(jì)也進(jìn)入了一個(gè)嶄新階段。那么對(duì)于智能手機(jī)來(lái)說(shuō)，怎樣才是更優(yōu)秀的UI設(shè)計(jì)，具有眾多功能的手機(jī)如何讓用戶更快速地學(xué)會(huì)使用，怎樣的設(shè)計(jì)方式和審美法則會(huì)令智能手機(jī)用戶更易接受呢？這是UI設(shè)計(jì)師需要研究的新課題。

目前智能手機(jī)主要操作系統(tǒng)為蘋果的IOS和谷歌的安卓系統(tǒng)，其他操作系統(tǒng)智能機(jī)加在一起的市場(chǎng)占比也未超過(guò)個(gè)位數(shù)。因此本文主要研究對(duì)象選擇的是安卓智能機(jī)和蘋果智能機(jī)。安卓系統(tǒng)的智能機(jī)雖然品牌眾多，但UI界面大同小異。下文將以蘋果IOS7.1的手機(jī)界面和安卓4.2的手機(jī)界面進(jìn)行對(duì)比分析，試圖找尋智能手機(jī)UI設(shè)計(jì)之規(guī)律所在。

1 智能手機(jī)主界面之比較

智能手機(jī)就像一個(gè)能通話的小型掌上電腦，除了手機(jī)自帶的基本功能之外，用戶還可以通過(guò)網(wǎng)絡(luò)下載和安裝多種第三方應(yīng)用程序（APP）。而這些應(yīng)用程序的入口都以界面小圖標(biāo)的形式排列在智能手機(jī)的主界面中。手機(jī)的屏幕較小，在一屏中最多放置4行5列的APP圖標(biāo)，一般用戶都有2到5個(gè)可滑動(dòng)的APP主界面。

圖1

如圖1所示，左邊為蘋果IOS7.1操作系統(tǒng)主界面，右邊為安卓4.2操作系統(tǒng)主界面。盡管蘋果手機(jī)屏幕尺寸略小，但主界面上排列的APP圖標(biāo)數(shù)目與安卓手機(jī)相同，且沒(méi)有擁擠之感，只是顯得圖標(biāo)緊湊界面豐滿。從單個(gè)圖標(biāo)上來(lái)看，蘋果的單個(gè)圖標(biāo)尺寸甚至比安卓的單個(gè)圖標(biāo)還要大，并以其獨(dú)特的大圓角來(lái)體現(xiàn)。當(dāng)我們用食指在屏幕上點(diǎn)擊選擇時(shí)，這種圓潤(rùn)的外形和較大面積的可點(diǎn)擊區(qū)域就會(huì)令人感到更加方便和舒適。當(dāng)然，由于蘋果的界面小圖標(biāo)大，其圖標(biāo)下方的文字就被縮小了許多。但是在如今這個(gè)讀圖時(shí)代，只要圖標(biāo)設(shè)計(jì)的合理易懂，名稱完全可以作為輔助工具，小一些并不影響使用。反而是安卓手機(jī)界面中圖標(biāo)與文字重要性區(qū)分不夠明顯，整個(gè)界面重點(diǎn)不夠突出，略顯松散。

其次從功能的歸納和整理上來(lái)看，蘋果也要顯得更勝一籌。就拿手機(jī)的基本功能撥號(hào)來(lái)說(shuō)。在蘋果UI主界面中，可以看到撥號(hào)作為一個(gè)基本常用功能默認(rèn)被放在主界面下方的快捷欄里。點(diǎn)擊該圖標(biāo)可以看到內(nèi)部整合了相關(guān)功能：個(gè)人收藏、最近通話記錄、通訊錄和撥號(hào)鍵盤。再看安卓手機(jī)默認(rèn)情況下在主界面中就有兩個(gè)“撥號(hào)盤”按鈕，一個(gè)在第一行中，另一個(gè)在下方的快捷欄里。同時(shí)已經(jīng)整合在撥號(hào)盤內(nèi)部的“通話記錄”、“快速撥號(hào)”和“通訊錄”這三個(gè)功能也分別在主界面上各占了一個(gè)圖標(biāo)。原本可以整合為一個(gè)圖標(biāo)的內(nèi)容在同一個(gè)界面上出現(xiàn)了五次。在今天這個(gè)信息爆炸的時(shí)代，讓過(guò)量的信息以更合邏輯的方式整合、梳理、歸納、簡(jiǎn)化，應(yīng)該比把內(nèi)容重復(fù)堆疊、統(tǒng)統(tǒng)擺在桌面上來(lái)得令人舒服和易于接受吧。而安卓手機(jī)卻反其道而行之，除了應(yīng)用程序還從內(nèi)容中拆分出了“小部件”和“美圖秀秀”，大大增加了用戶學(xué)習(xí)如何使用的時(shí)間，而實(shí)際上“小部件”和“美圖秀秀”中的許多功能都是應(yīng)用程序中的重復(fù)，使用率并不高。

再者，從選擇圖標(biāo)按鈕之后的動(dòng)畫過(guò)渡效果來(lái)看，蘋果手機(jī)的用戶體驗(yàn)要優(yōu)越得多。在蘋果手機(jī)上點(diǎn)擊一個(gè)APP按鈕之后，立即會(huì)有一個(gè)按鈕放大變化成具體應(yīng)用程序的過(guò)渡動(dòng)畫。經(jīng)過(guò)動(dòng)畫銜接，打開(kāi)應(yīng)用程序這個(gè)過(guò)程就顯得非常直觀和易于理解。而安卓手機(jī)在點(diǎn)擊某個(gè)APP圖標(biāo)之后，沒(méi)有任何動(dòng)畫效果直接顯示新的程序界面，與蘋果相比就要顯得生硬很多。

2 日歷APP的使用體驗(yàn)之比較

日歷是每款智能手機(jī)必不可少的基本功能之一。日歷的顯示基本包括了月視圖、年視圖、日視圖這三種顯示方式。其中月視圖是人們最常用的視圖，而日視圖可以和提醒事項(xiàng)組合在一起。IOS7在日歷APP的用戶體驗(yàn)上比前一版本改良了不少，整體形成了一個(gè)流暢自然的過(guò)程。如圖2所示，點(diǎn)擊日歷APP圖標(biāo)之后，默認(rèn)打開(kāi)的是使用率最高的月視圖，并且今日被用色彩反向的方式高亮顯示出來(lái)，這一點(diǎn)各種智能手機(jī)都可以做到。IOS7的獨(dú)特之處在于把人們對(duì)時(shí)間流的理解融合進(jìn)日歷中，使日視圖、月視圖、年視圖連貫了起來(lái)，而不是分割開(kāi)的部分。例如在月視圖中，當(dāng)你用手指輕輕上下滑動(dòng)，會(huì)發(fā)現(xiàn)每個(gè)月像流水一樣一個(gè)接一個(gè)地顯示出來(lái)；當(dāng)你點(diǎn)擊左上角的年份時(shí)，月歷圖馬上縮小、再縮小變成年視圖中的一個(gè)部分；當(dāng)你在月視圖中點(diǎn)擊某一個(gè)日期時(shí)，這個(gè)日期馬上放大、再放大變成當(dāng)天的日視圖和提醒事項(xiàng)。這些過(guò)渡動(dòng)畫和界面的銜接方式非常貼合人們固有的時(shí)間概念，因此蘋果做到了讓人一看就明白、一試就會(huì)用，體現(xiàn)出了對(duì)用戶體驗(yàn)的尊重。

圖2

3 滑塊開(kāi)關(guān)之比較

關(guān)于UI界面中的按鈕或開(kāi)關(guān)滑塊如何設(shè)計(jì)，是表示當(dāng)前狀態(tài)好還是表示點(diǎn)擊后將會(huì)到達(dá)的狀態(tài)好，這是UI設(shè)計(jì)者們經(jīng)常碰到的一個(gè)問(wèn)題。如果有足夠空間，把滑塊或開(kāi)關(guān)兩頭的狀態(tài)都用文字表示出來(lái)，這當(dāng)然是一種不易引起混淆的方法。但這種方法也不是每一次都適用，比如說(shuō)空間不夠大的情況下。

如圖3中所示，是IOS7.1和安卓4.2手機(jī)的設(shè)置界面，其中都有一個(gè)經(jīng)典的開(kāi)關(guān)滑塊。初看之下似乎大同小異，但在具體使用中用戶的反應(yīng)時(shí)間還是會(huì)有所差別。蘋果的滑塊關(guān)閉時(shí)呈現(xiàn)灰色調(diào)，給人明顯的關(guān)閉感。打開(kāi)時(shí)背景變成鮮明的彩色，高對(duì)比度讓用戶一下就明白按鈕已經(jīng)打開(kāi)。完全的圖形和色彩的表達(dá)方式，不管什么國(guó)家的用戶都不會(huì)產(chǎn)生歧義。安卓的滑塊雖然打開(kāi)的按鈕也添加了鮮艷的色彩。但是打開(kāi)和關(guān)閉狀態(tài)的對(duì)比不夠強(qiáng)烈，并且在按鈕上添加了表示開(kāi)關(guān)的符號(hào)，本意應(yīng)該是為了增強(qiáng)按鈕的表意效果，但實(shí)際使用時(shí)由于用戶并不一定清楚這個(gè)符號(hào)的含義反而會(huì)增加思考和判斷的時(shí)間。所以這兩個(gè)按鈕滑塊的比較結(jié)果是：蘋果的按鈕滑塊更加簡(jiǎn)潔易懂。

圖3

上文從智能手機(jī)主界面、日歷APP使用體驗(yàn)、設(shè)置界面中的滑塊開(kāi)關(guān)幾個(gè)方面比較了蘋果IOS7.1和安卓4.2的UI設(shè)計(jì)。當(dāng)然，安卓手機(jī)由于品牌眾多，不同品牌不同價(jià)位的手機(jī)之間在UI界面設(shè)計(jì)上也存在些微差別，良莠不齊?？傮w來(lái)說(shuō)，在今天這個(gè)移動(dòng)互聯(lián)新時(shí)代，智能手機(jī)的功能變得越來(lái)越豐富。智能手機(jī)UI設(shè)計(jì)的總趨勢(shì)是越來(lái)越重視用戶體驗(yàn)，所謂的：“用戶至上、體驗(yàn)為王、圖形當(dāng)?shù)?、?jiǎn)約取勝”。

參考文獻(xiàn)

[1]苗延榮，祁小雨.物聯(lián)網(wǎng)時(shí)代的智慧型手機(jī)設(shè)計(jì)探析[J].包裝工程.

[2]黃凌玉，肖狄虎.手機(jī)造型設(shè)計(jì)的意象研究[J].藝術(shù)與設(shè)計(jì)（理論）.

作者簡(jiǎn)介

尤勝（1975-），女，福建南安人，講師，碩士研究生，研究方向：電腦藝術(shù)設(shè)計(jì)。endprint