淺析手機UI設計與用戶使用習慣

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

關鍵詞：UI設計；交互設計；用戶體驗；用戶習慣

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

手機用戶使用習慣的第一點就是通信習慣帶來的對手機尺寸的要求，在通信過程中人的行為習慣為單手能夠穩固握持，同時聽筒與話筒距離不易距離過長，這兩點就決定了手機的屏幕不能太大。一般智能手機屏幕的大小約4英寸到6英寸，再大就很難進行方便的握持及通行。第二點，在大多數情況下，用戶使用手機軟件的環境是復雜的，不單純的，像會議前夕，乘坐公交車時，這種環境導致了用戶以單手操作軟件界面為主，其中又以右手操作的行為占絕大多數。從人體結構學的角度來說，在右手操作軟件時，要在穩固住手機的同時進行交互，虎口范圍也就是屏幕最右側的區域是相對難以觸及的。這種情況大尺寸手機上更加明顯。第三點，在漫長的人類閱讀史中，文字的排列幾經更迭，最終轉變為從左至右的排列形式，這也造成了大部分人類的閱讀方式是從左至右。這種閱讀方式就造成人類在有文字出現的界面中往往會關注左上角，因為那是文字的起始閱讀位置。以上三點是在一般情況下手機用戶的使用習慣。

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

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

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

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

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

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

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

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

參考文獻：

[1] 魯道夫·阿恩海姆.藝術與視知覺[M].孟沛欣，譯.湖南美術出版社，2009.

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

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

作者簡介：劉曉夫（1985—），男，湖南澧縣人，碩士，助教，西安財經學院設計藝術學。endprint