淺析手機UI設(shè)計與用戶使用習(xí)慣

摘 要：隨著科技的進步與人類社會的發(fā)展，手機成為每個社會人所必備的一種工具，隨著觸摸屏技術(shù)，手機網(wǎng)絡(luò)技術(shù)的成熟，現(xiàn)代手機已不是傳統(tǒng)意義上的通信工具，它更像是一個小型化的電腦，一個隨身的數(shù)據(jù)終端。手機用戶也越來越注重手機的數(shù)字化功能，UI界面是用戶最先接觸與最常接觸的視覺畫面，軟件設(shè)計師只有合理的設(shè)計UI，注重用戶體驗，才能在激烈的市場競爭中有一定的位置。

關(guān)鍵詞：UI設(shè)計；交互設(shè)計；用戶體驗；用戶習(xí)慣

在進入21世紀以來，手機從傳統(tǒng)的通信工具上升成為隨身的數(shù)字終端，其網(wǎng)絡(luò)功能與電腦不相上下，用戶習(xí)慣用手機來查閱網(wǎng)絡(luò)上的信息。這種習(xí)慣帶來的直觀改變就是手機屏幕的越來越大，也帶給用戶新的使用體驗。在早期的智能化手機的UI設(shè)計中，開發(fā)商與用戶并不重視使用習(xí)慣，只是以單一的圖形符號和表格形式的布局來進行人機交互，但是隨著科技的進步，用戶和開發(fā)商發(fā)現(xiàn)人機交互并不是單一性的，呆板的設(shè)計，尤其是觸摸屏技術(shù)的出現(xiàn)，使人機交互的行為方式發(fā)生了巨大的改變，而UI設(shè)計也逐漸走向興盛，到現(xiàn)在，手機軟件產(chǎn)品如果想在市場中擁有足夠的競爭力，那么一個合理的，符合用戶使用習(xí)慣及使用需求的UI是必需的。

手機用戶使用習(xí)慣的第一點就是通信習(xí)慣帶來的對手機尺寸的要求，在通信過程中人的行為習(xí)慣為單手能夠穩(wěn)固握持，同時聽筒與話筒距離不易距離過長，這兩點就決定了手機的屏幕不能太大。一般智能手機屏幕的大小約4英寸到6英寸，再大就很難進行方便的握持及通行。第二點，在大多數(shù)情況下，用戶使用手機軟件的環(huán)境是復(fù)雜的，不單純的，像會議前夕，乘坐公交車時，這種環(huán)境導(dǎo)致了用戶以單手操作軟件界面為主，其中又以右手操作的行為占絕大多數(shù)。從人體結(jié)構(gòu)學(xué)的角度來說，在右手操作軟件時，要在穩(wěn)固住手機的同時進行交互，虎口范圍也就是屏幕最右側(cè)的區(qū)域是相對難以觸及的。這種情況大尺寸手機上更加明顯。第三點，在漫長的人類閱讀史中，文字的排列幾經(jīng)更迭，最終轉(zhuǎn)變?yōu)閺淖笾劣业呐帕行问剑@也造成了大部分人類的閱讀方式是從左至右。這種閱讀方式就造成人類在有文字出現(xiàn)的界面中往往會關(guān)注左上角，因為那是文字的起始閱讀位置。以上三點是在一般情況下手機用戶的使用習(xí)慣。

用戶使用習(xí)慣還帶來了圖形的符號化，這種轉(zhuǎn)化并不是手機軟件所帶來的，反而是用戶在長期電腦軟件使用中對軟件的使用習(xí)慣延生到手機中而產(chǎn)生的。就如同一個軟件的退出無論是在電腦上還是在手機中用戶第一個反應(yīng)就是查找屏幕的右上角，當然在手機中還存在了一個特殊情況而使得手機軟件的退出并不像電腦那樣統(tǒng)一，這種情況就是用戶在長期的電子產(chǎn)品使用中對于機械式的按鍵會比觸摸式按鍵更加習(xí)慣和感覺可靠，所以當今的絕大多數(shù)手機在設(shè)計中都會在手機正面安置一個機械式按鍵，這個按鍵提供了退出，返回桌面等功能，這也使得手機屏幕的右上方不會出現(xiàn)明顯的退出功能而是放置一些整合菜單。

手機軟件的UI設(shè)計在信息層級上與網(wǎng)絡(luò)信息層級相似，這種信息的層級隨著網(wǎng)絡(luò)的發(fā)展愈加細致明顯，在電腦上養(yǎng)成的對層級信息的使用習(xí)慣也隨著網(wǎng)絡(luò)普及進入手機之中，用戶在信息層級使用習(xí)慣大致分為下面兩種，一種是平級信息的分布往往呈橫向或縱向的排列，其視覺形式相近，信息分類主題往往以高亮形式并列排列；另一種是信息層級一般不超過三層，三層以上會造成用戶視覺記憶的困難，影響使用效果。

手機的使用習(xí)慣是軟件交互行為中不可回避的一環(huán)，要想UI軟件設(shè)計帶來良好的用戶體驗，需要以用戶的使用習(xí)慣來進行手機UI的設(shè)計。手機UI設(shè)計首先就是UI框架的合理性，由上文可知，用戶對手機的使用習(xí)慣大多為單手操作，且閱讀方式為由左至右，那么框架的基本結(jié)構(gòu)應(yīng)以左邊欄及上下的邊欄分布為主，但是不能排除的是左手使用者的習(xí)慣，那么重要的導(dǎo)航欄及系統(tǒng)狀態(tài)欄則應(yīng)該處于屏幕的上方或下方。即使是因某些原因要橫置手機的情況下也應(yīng)以這種形式為主。用戶由左至右的習(xí)慣帶來的是對功能訴求的權(quán)重分布，屏幕左側(cè)的部分對于用戶識別信息有著最清晰的識別作用，所以UI設(shè)計中左側(cè)往往是集中于信息條目的顯示，文字的排列也以左對齊為主，而右側(cè)往往放置工具條及隱藏式工具欄，這種框架方式一方面照顧了用戶對信息的歸納和擴大閱讀范圍，同時保證了在進行正常操作時誤觸工具欄的可能性。

屏幕大小也是UI框架布局的關(guān)鍵，在手機屏幕大多為4英寸到6英寸的現(xiàn)在，用戶需要的是更加快捷地瀏覽信息，作為分類及功能性工具的導(dǎo)航欄的大小直接影響到用戶的使用體驗。同時這些分類及工具欄是進行人機互動的主要渠道，太小則很難以觸發(fā)，根據(jù)相關(guān)調(diào)查顯示，用戶對于小型按鈕（64px）以下的視覺感受不佳，并且難以觸發(fā)，所以工具欄及導(dǎo)航欄的大小應(yīng)以32px為限制，保證能夠觸發(fā)的同時減少所占據(jù)的空間，同時大量的一次性設(shè)置，功能性按鈕應(yīng)該整合至工具欄中并以隱藏式菜單形式存在，這樣能夠最大限度保證擴展可用閱讀面積及縮小信息層級的功能。

圖標作為UI設(shè)計中的主要符號，承載著信息層級的可視化和代表性，用戶習(xí)慣使得一些圖標的符號化更加的容易。設(shè)置類的圖標因用戶長期的使用習(xí)慣基本固

定為齒輪或者扳手的形象，甚至只要位置在屏幕的右上角，都會下意識認為是設(shè)置類整合下拉菜單，返回上級菜單則統(tǒng)一都是已向左方向的箭頭來表示。而分類菜單則因內(nèi)容的不同則有不同，在同級菜單的UI設(shè)計上應(yīng)遵循相似性原則，即形態(tài)上或者是背景上應(yīng)于同級的其他圖標有相同或相近的背景或者圖標。在信息層級的分類化中，上級圖標應(yīng)與下級圖標有明顯的區(qū)別，大小和形態(tài)都應(yīng)有所變化，這樣才能為用戶提供更加準確的信息導(dǎo)引。

手機UI設(shè)計相較電腦UI設(shè)計更注重用戶的使用習(xí)慣，電腦的互動形式因鼠標和鍵盤的存在而注重于視覺形式與視覺思維上面的區(qū)分度，表現(xiàn)與電腦UI的視覺形式越來越多樣化與美觀，而手機UI的設(shè)計在保持視覺化的同時更加的緊湊，需要在一個較小的區(qū)域顯示大量的內(nèi)容，同時減少信息層級的傳遞。電腦的UI圖標基本上走向3D化的趨勢，因為電腦的屏幕越來越大，圖標的形態(tài)也相應(yīng)的放大，在分辨不存在障礙的情況下，3D效果更佳，而手機的因為屏幕的限制，圖標卻在往平面化的趨勢下走，這是因為平面化的圖標在視覺表現(xiàn)上更趨近于符號，在小畫面中更有利于用戶的分辨。電腦的框架結(jié)構(gòu)幾乎不用考慮人體工程學(xué)的因素，而手機UI的框架必須以人體工程學(xué)的角度為基礎(chǔ)，否則會造成用戶進行人機互動時的難度，從而影響用戶體驗。

在網(wǎng)絡(luò)化，數(shù)字化的現(xiàn)在，手機的功能早已不局限在通信，打電話這些基本功能之中，上網(wǎng)，即時視頻通話，網(wǎng)上支付，拍攝成為青年人使用手機的主要功能，但手機始終是手機，只要用戶還是以通信為基礎(chǔ)而使用手機，那么手機UI就必須考慮用戶使用習(xí)慣，使用環(huán)境對軟件的影響，僅僅為了視覺效果而進行手機UI設(shè)計更是舍本求末，只有用戶對軟件的互動滿意，才是一個成功的UI設(shè)計，而人機交互的核心就在于用戶的使用習(xí)慣在手機UI中的應(yīng)用。

參考文獻：

[1] 魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺[M].孟沛欣，譯.湖南美術(shù)出版社，2009.

[2] 周榮剛.用戶體驗度量[M].機械工業(yè)出版社，2011.

[3] UI進化論[M].清華大學(xué)出版社，2011.

作者簡介：劉曉夫（1985—），男，湖南澧縣人，碩士，助教，西安財經(jīng)學(xué)院設(shè)計藝術(shù)學(xué)。endprint