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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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