王永翔

打開手機的第一瞬間，我們的感受正在發(fā)生著悄無聲息的變化。這種變化不僅僅是來自于視覺上的感受，讓一切看上去更加自然和舒服；同時也是來自于切身體會的使用感受，讓一切更加簡單和易用。沒錯，這一切變化的根本正是源自于手機UI數(shù)字化設(shè)計的不斷改善和變革。而現(xiàn)在，手機UI設(shè)計的變革似乎來得更加猛烈了，一場無聲的革命正在快速蔓延開來。

手機的UI設(shè)計有多重要?

UI設(shè)計存在的意義是給用戶提供更為直觀的界面、更為簡潔的操作，更為有效的交互。

對于很多購買手機的用戶而言，他們會認真地考慮手機的外形是否符合自己的風(fēng)格，也會看重手機擁有什么樣的炫酷功能，但是往往卻會忽視手機UI設(shè)計的重要性。那么，手機UI設(shè)計到底有多么重要呢?這樣來說或者更貼切一些：如果一款手機在外形上或者功能上有些許瑕疵的話，這只會讓你對此抱有一些遺憾的心情，莞爾一笑，尚可接受。而如果這款產(chǎn)品是在UI設(shè)計上具有明顯缺陷的話，這往往會導(dǎo)致你在使用手機的過程中心情暴躁，尤其是在某些時候，UI設(shè)計上的缺陷甚至?xí)鼓阌性业羰謾C的沖動!

實際上，手機UI設(shè)計的重要性還是深入人心的，這在我們不得不換手機而又沒有明確目標的時候被充分體現(xiàn)出來。這時候，我們對手機的唯一要求往往會體現(xiàn)在易用性上，而手機的易用性則是和UI設(shè)計密不可分的。正是因為如此，用戶通常會固執(zhí)地選擇一個品牌并堅持下去，不為別的，就是因為已經(jīng)習(xí)慣了某個品牌手機的UI設(shè)計。我們在尋求朋友意見時最常聽到的也是這樣的聲音：“要不你就買諾基亞的手機吧，別的不說，至少它好用。”由此可見手機UI設(shè)計的影響力，這甚至已經(jīng)成為了能夠影響一個品牌的最重要因素。正是如此，我們現(xiàn)在有足夠的理由，打開手機，好好研究一下其中的UI設(shè)計。

UI設(shè)計的本意指的是用戶界面設(shè)計，UI是英文User和Interface的縮寫。從字面上看是由用戶與界面兩個部分組成，但實際上還包括用戶與界面之間的交互關(guān)系，因此，對于手機UI設(shè)計而言則是包括了這樣三個方面：用戶研究、交互設(shè)計，界面設(shè)計，這也組成了UI設(shè)計的基本原則。正是由于手機UI設(shè)計的這些原則，使得我們并不會像某些手機廠商所想的一樣只是簡單地追求絢麗，花哨的界面，而uI設(shè)計存在的意義是為了讓手機針對用戶需求，能夠擁有更為直觀的界面，更為簡潔的操作，更為有效的交互，這也是UI真正的核心價值。

UI設(shè)計的變革，從互聯(lián)網(wǎng)時代開始!

互聯(lián)網(wǎng)時代，傳統(tǒng)的UI設(shè)計已經(jīng)無法滿足需求，這也成為手機UI設(shè)計變革的原因。

當(dāng)然，一套設(shè)計優(yōu)良的UI系統(tǒng)并不是一蹴而就的，基于在界面、操作，交互三個方面充分人性化的核心理念，隨著用戶需求的不斷增多以及手機功能的不斷增強，UI設(shè)計可以說經(jīng)歷了三個階段的發(fā)展：通訊功能時代，多媒體功能時代、移動互聯(lián)網(wǎng)時代。

在通訊功能時代，手機只是一種單純的通訊工具，在UI設(shè)計上也頗為簡單，手機菜單中往往一個屏幕只顯示一種功能。而隨著手機多媒體娛樂功能的逐步豐富，UI設(shè)計也變成了9宮格，12宮格(同一屏幕下顯示9個功能圖標或者12個功能圖標)這樣的設(shè)計，并成為了主流沿用至今。

在互聯(lián)網(wǎng)時代，手機逐漸成為用戶體驗互聯(lián)網(wǎng)應(yīng)用的重要終端，其中所包含的內(nèi)容也成幾何級數(shù)增長，傳統(tǒng)的UI設(shè)計已經(jīng)無法在包容更多內(nèi)容的前提下提高手機的易用性，這也成為手機UI設(shè)計變革的誘因。在這種環(huán)境下，手機UI設(shè)計顯得日益復(fù)雜起來，而不同的廠商給出的解決方案也變得更加多樣化。全新的UI設(shè)計理念開始嶄露頭角，例如iPhone、Android手機的自定義多屏菜單設(shè)計，多普達的TouchFLO 3D、LG的3D S-Class UI分類菜單設(shè)計，諾基亞融合了Widgets互聯(lián)精靈(互聯(lián)網(wǎng)RSS信息訂閱工具)的自定義手機桌面UI設(shè)計等，無疑這些出眾的UI設(shè)計成為手機UI設(shè)計變革的先行者。

UI變革中不可或缺的三大元素正所謂萬變不離其宗，在手機UI設(shè)計掀起的變革中，同樣有些重要的元素是不可或缺的，而這些元素也成為評判UI系統(tǒng)孰優(yōu)孰劣的關(guān)鍵所在。

元素1：視而不見的圖標

圖標，伴隨著人類文明的誕生就已經(jīng)存在，是最為有效的信息表達方式之一。而在手機UI設(shè)計當(dāng)中，圖標同樣一直以來都是一個十分重要的視覺元素，是手機上各種功能最為直觀的表達形式。一個好的圖標設(shè)計，并不需要花哨。絢麗的效果，也不需要過于復(fù)雜，精細的表現(xiàn)形態(tài)，只有當(dāng)一個圖標能夠做到你能忘記它的存在時，這才算得上是成功的設(shè)計?？偟膩碚f，圖標存在的目的實際上就是要讓你忘記它的存在。這點很容易讓人理解，例如在一天的生活中，我們總能看到無數(shù)的圖標，或是指引方向，或是標記種類，或是描述功能，但是我們卻不會刻意地去關(guān)注它，而是很自然地遵循各種圖標的指導(dǎo)，獲取相應(yīng)的信息。只有當(dāng)我們不明白圖標所表示的含義時，才會讓我們注意到這個圖標的存在。這對于手機UI設(shè)計中的圖標設(shè)計而言，同樣如此。手機中最為成功的圖標可能非電話簿和信息莫屬了，幾乎從這兩個圖標誕生開始，在所有手機上它們的主體設(shè)計都是一樣的，而對于它們的存在，我們只能用“視而不見”來形容。

當(dāng)然，圖標的設(shè)計要做到能夠明確表達含義并不容易，因為除了要考慮視覺上的感受之外，同時還要深入研究不同區(qū)域、不同文化背景下用戶對圖標的理解。就這點而言。諾基亞和蘋果的圖標設(shè)計無疑是令人稱贊的。有一個比較有趣的示例就是在手機地圖導(dǎo)航功能的圖標設(shè)計上，諾基亞手機是用指南針(羅盤)的形式來表達地圖導(dǎo)航功能。實際上，不同的文化對地圖有著不同的關(guān)聯(lián)度，比如在中國人們就不怎么使用地圖，傳統(tǒng)上都是以地標的方式來表述地點，要想去某一個地方基本上都會用附近的地標作為參照。而在歐洲，地圖的使用則是非常廣泛。為了在全球范圍內(nèi)用同一個圖標更好地體現(xiàn)手機地圖導(dǎo)航這個功能，指南針這個無論在東方還是西方都有著悠久歷史的形象無疑成為了最好的選擇。

元素2：如我所愿的界面

在手機進入多媒體功能時代之后，之所以9宮格，12宮格這樣的界面能夠成為絕對主流，很大程度上是因為這樣的界面能夠?qū)⑺械墓δ苓M行合理的分類，并全部體現(xiàn)在同一個界面中，讓用戶能夠方便、快捷地調(diào)用每一個功能。而隨著手機功能的不斷增加，實際上在很早以前手機的9宮格界面就已經(jīng)顯得捉襟見肘了，為了調(diào)用像計算器這樣的功能，用戶不得不進行更多的操作次數(shù)。當(dāng)然，大小受到限制的手機屏幕不可能按照15宮格，20宮格這樣的思路一直延續(xù)擴展下去，而這個時候，隨著觸控屏幕技術(shù)的進一步成熟，像iPhone這樣的多界面菜單設(shè)計方式成為了最好的解決方案。

iphone運用多界面菜單的方式，不分巨細將所有功能統(tǒng)統(tǒng)放到桌面上，用戶通過劃動屏幕就能迅速找到各種功能，而無須在復(fù)雜的多層菜單中逐一尋找。而作為后來者的Android手機，更是充分借鑒了iPhone多界面菜單設(shè)計的優(yōu)勢，允許用戶在不同的界面自定義放置不同

的功能圖標，不僅便于用戶對手機的功能進行分類管理，同時還保證用戶可以用最快的速度啟動最常用的功能。

當(dāng)然，多界面設(shè)計理念并非僅僅適用于擺放各種功能圖標，更加能夠通過巧妙的設(shè)計來更好地展現(xiàn)手機的多媒體娛樂功能或者是互聯(lián)網(wǎng)功能。例如LG最新推出的S-Class UI,其就將功能、聯(lián)系人、小工具，音樂／圖片等不同類型的應(yīng)用分置在不同界面，在聯(lián)系人界面可以更快地查詢到常用聯(lián)系人的電話，在音樂／圖片界面可以快速播放喜愛的音樂或者瀏覽拍攝的圖片。而HTC在最新推出的Android手機Hero上也充分應(yīng)用了多界面UI設(shè)計，尤其是其除了聯(lián)系人界面、短信息界面、音樂界面之外，還加入了twitter(目前最為流行的短博客網(wǎng)站)好友動態(tài)界面，互聯(lián)網(wǎng)網(wǎng)頁標簽界面，實時天氣預(yù)報界面、股票查詢界面等與互聯(lián)網(wǎng)應(yīng)用相關(guān)的全新內(nèi)容，而且還大幅度增加了每個界面的自定義程度，可以說將多界面UI設(shè)計的應(yīng)用發(fā)揮到了極致，給用戶留下了更多的便捷。

總的來說，作為手機UI設(shè)計中最為重要的一環(huán)，界面的設(shè)計在觸控技術(shù)下得到了更大空間的擴展，而多界面設(shè)計憑借更直觀的展現(xiàn)方式、更豐富的自定義功能，成為了當(dāng)下最為流行的UI設(shè)計元素，不可或缺。

元素3：坐享其成的交互

作為手機UI設(shè)計三大環(huán)節(jié)中的人機交互，往往關(guān)系著整套UI設(shè)計的成敗，而在互聯(lián)網(wǎng)時代，全新的UI設(shè)計也帶來了全新的交互方式。

對于手機的各項功能，每一項都需要用戶去點擊啟動后才能使用，這種交互方式是以用戶為主動而進行的。而在互聯(lián)網(wǎng)時代，不斷瘋狂增長的網(wǎng)絡(luò)信息顯然再讓用戶逐一打開手機網(wǎng)絡(luò)瀏覽器去獲取就會變得過于繁重，主動獲取互聯(lián)網(wǎng)內(nèi)容的方式反而顯得被動起來，這時候，或許將用戶設(shè)為“被動”的交互方式更容易解決問題。

例如之前提到的HTC的Android手機Hero提供的twitter好友動態(tài)界面，這就是一種非常人性化的交互方式。通過該界面，用戶可以更加直觀，方便、快捷地獲取設(shè)定好的好友twitter博客內(nèi)容，而無須重復(fù)打開手機瀏覽器→輸入twitter網(wǎng)址→登錄賬戶→查看好友博客內(nèi)容這樣的流程，真正做到了化繁為簡。

在增強互聯(lián)網(wǎng)交互體驗這方面，諾基亞利用全新的UI設(shè)計理念給出了更為完善的解決方案：諾基亞N97采用了涵蓋范圍更廣的Widgets互聯(lián)精靈，并將其與手機桌面融合，用戶可以在手機桌面上自定義放置多個不同的互聯(lián)精靈，例如Facebook、Flickr、新浪新聞、淘寶，攜程，時尚網(wǎng)、玩主，大麥票務(wù)、財經(jīng)網(wǎng)、張小盒漫畫、大智慧股票等不同的互聯(lián)網(wǎng)內(nèi)容，并使其與互聯(lián)網(wǎng)連接保持實時更新。用戶只需要啟動手機就能在第一時間看到最新相關(guān)互聯(lián)網(wǎng)內(nèi)容，可以說諾基亞N97這種獨特的UI設(shè)計方式讓用戶在互聯(lián)網(wǎng)時代體驗到了“坐享其成”的快感，是手機UI設(shè)計在互聯(lián)網(wǎng)應(yīng)用中進行變革的一個絕妙思路。

當(dāng)然，這種坐享其成的交互方式還只是剛剛進入初級階段，而下一步，我們可以看到互聯(lián)網(wǎng)內(nèi)容獲取與手機功能的更多結(jié)合。例如通過與手機的GPS定位功能融合，能夠在用戶身處不同的區(qū)域或城市時，自動獲取相應(yīng)的交通資訊、天氣預(yù)報等更加有價值的信息，通過與手機的音樂播放功能融合，能夠自動獲取相應(yīng)曲目的歌詞以及關(guān)聯(lián)音樂等內(nèi)容，等等。這樣更加“被動”的交互方式會得到我們更多的青睞，讓我們在紛繁的互聯(lián)網(wǎng)世界中顯得從容自如。

總而言之，以上所提及的圖標設(shè)計、多界面設(shè)計、被動交互設(shè)計三個手機UI設(shè)計元素，分別從不同角度突破了互聯(lián)網(wǎng)時代下提升手機易用性的瓶頸，讓手機擁有了更為直觀的界面、更為簡潔的操作、更為有效的交互，實現(xiàn)了手機UI設(shè)計的核心價值，它們在互聯(lián)網(wǎng)時代手機UI設(shè)計變革中必定會成為不可或缺的重要元素。

UI設(shè)計變革的下一站與手機技術(shù)和應(yīng)用不斷發(fā)展，進步一樣，手機UI設(shè)計的變革也在不斷進取，而或許UI設(shè)計變革的下一站就是將各種UI設(shè)計元素關(guān)聯(lián)起來。

擁有三個不可或缺的UI設(shè)計元素并不代表著UI設(shè)計變革到達了最終目的地，與手機技術(shù)和應(yīng)用不斷發(fā)展，進步一樣，手機UI設(shè)計的變革也在不斷進取，最近互聯(lián)網(wǎng)上流傳出的索尼愛立信Android手機UI設(shè)計的視頻讓我們找到了UI設(shè)計變革下一站的蹤跡——關(guān)聯(lián)。

泄露的視頻中顯示，索尼愛立信即將推出的Android手機不僅同時具備了圖標設(shè)計、多界面設(shè)計以及被動交互設(shè)計這三大元素，而且還別出心裁地利用手機通訊的核心價值——聯(lián)系人為線索，把短信息、郵件、圖片博客，twitter博客，F(xiàn)acebook等內(nèi)容一一關(guān)聯(lián)起來，將各種元素融為一體。這樣的UI設(shè)計理念很好地體現(xiàn)了手機作為通訊工具的特性，利用手機中存儲的聯(lián)系人資源為縱軸，以手機上各種功能和訂閱的各種互聯(lián)網(wǎng)內(nèi)容為橫軸，形成了縱橫交錯的UI體系。手機上的每一個功能、每一項內(nèi)容不再是單獨存在的個體，同時也讓多界面設(shè)計、被動交互設(shè)計的優(yōu)勢和價值充分展現(xiàn)出來。在這樣的UI設(shè)計理念之下，手機作為人與人溝通的重要工具這一價值在互聯(lián)網(wǎng)時代同樣得到了無縫延伸，突顯出手機在互聯(lián)網(wǎng)時代的價值存在。毫無疑問，創(chuàng)新的uI設(shè)計成為了這次價值體現(xiàn)的唯一原動力。

現(xiàn)在，一方面，手機的外觀設(shè)計、硬件配置、功能應(yīng)用已經(jīng)沒有跨越式的創(chuàng)新。一方面，手機成為互聯(lián)網(wǎng)時代越來越重要的體現(xiàn)終端。這樣的環(huán)境下，手機的UI設(shè)計成為了舞臺上的主角。UI設(shè)計的不斷創(chuàng)新和變革，將會給我們帶來更多的驚喜和更高的價值，甚至是成為我們選擇手機的唯一標準。從此，手機UI設(shè)計君臨天下的時代已然來臨!