馬嵐 西南民族大學(xué)藝術(shù)學(xué)院 四川成都 610041

UI界面設(shè)計是時下發(fā)展速度較為迅速、發(fā)展空間較大的新興設(shè)計門類。但是國內(nèi)環(huán)境中，一開始關(guān)于界面設(shè)計這一概念并沒有廣受大家的重視，我們習(xí)慣于將界面設(shè)計這一原本擁有自身定義、發(fā)展歷史和設(shè)計原則的學(xué)科冠名為專業(yè)素質(zhì)不高的且執(zhí)行情況單一的“美工?！边@種對于學(xué)科概念的誤解其實來源于對主題本身的不了解。那么，UI界面設(shè)計如此抽象的名稱下，具體指代了怎樣的定義，又涵蓋了什么功能分類呢？

我們需要明確的是，UI界面設(shè)計并不等同于UI設(shè)計，但是國內(nèi)經(jīng)常將二者習(xí)慣性地統(tǒng)一地口語化表達為“UI設(shè)計”。那么我們先從宏觀范疇上的UI設(shè)計入手：User Interface，即用戶界面設(shè)計，也就是在實現(xiàn)人機交互過程中，對于靜態(tài)和動態(tài)的界面元素的合理化美觀化設(shè)計的處理過程。而UI界面設(shè)計其實是這個設(shè)計過程的一個分支：GUI，主要是指用戶界面的視覺設(shè)計，也就是我們剛才提到的靜態(tài)界面元素的設(shè)計，比如界面中的：文字、色彩、圖形、圖案以及排版。動態(tài)界面元素指的是ID，也就是交互環(huán)節(jié)，比如說我們常見的界面中一般會有點擊可觸發(fā)操作的圖標或按鈕，這些都屬于交互環(huán)節(jié)，可以實現(xiàn)層級頁面之間的轉(zhuǎn)換。

UI設(shè)計中除此兩部分之外還有一個不可忽略的角色，那就是我們今天主要探究的UE/UX，也就是用戶體驗。眾所周知，設(shè)計行業(yè)本身具有一定的服務(wù)性質(zhì)，我們面對的是客戶、受眾。評價設(shè)計作品最直接有效的方式是消費者的認同程度。UI設(shè)計同樣如此，需要研究目標群體的有形或無形的消費訴求，準確捕捉到受眾的痛點之后，針對性地進行需求設(shè)計，才能使產(chǎn)品受到好評，更好地適應(yīng)市場的需求。

那么，在UI設(shè)計的新語境下所創(chuàng)造出來的產(chǎn)品，UI用戶體驗主要落腳點在于“體驗”二字。這是個關(guān)于受眾生命體、設(shè)計產(chǎn)品載體、以及產(chǎn)品使用過程中的情緒感受的過程研究。通常包括對于ID合理性的使用感受反饋以及GUI美觀舒適性的操作感受反饋。作為實用性極強的UI界面而言，最基本的要求就是需要讓受眾群體愿意使用所設(shè)計出來的界面。沒有使用就意味著沒有市場，就無法達到我們最初進行設(shè)計的目的。

用戶體驗研究中最重要的是研究用戶需求。通過用戶體驗研究，我們可以反過來重新審視UI界面的功能合理與視覺美觀這兩方面內(nèi)容做的是否到位，所以用戶體驗研究是一個雙向過程，承載著機器界面幫助受眾有實現(xiàn)目的的即時交互操作，以及對于手中的受用體驗感受反饋信息進行設(shè)計產(chǎn)品的深度改良的責(zé)任。

理解UE用戶體驗這個概念其實也并不是很復(fù)雜，比如我們?nèi)粘Ｊ褂檬殖衷O(shè)備移動端界面的時候，打開任意的一個應(yīng)用程序，進入程序主頁之前一般會經(jīng)歷閃屏頁和引導(dǎo)頁這兩種類型的界面。當閃屏頁視覺停留時間過長的話，就會嚴重影響受眾的耐心程度，從而導(dǎo)致目標用戶的流失。再比如一般的社交類應(yīng)用程序為了方便個人用戶的信息保存，會在初次使用APP的時候自動進行賬戶注冊，但是對于注冊方式的選擇便顯得尤為重要。一般的注冊方式可以有：賬戶密碼設(shè)置、IP地址注冊、郵箱登錄注冊，以及現(xiàn)在常用的手機號碼注冊，相對來講，這是一個隨著科技進步不斷發(fā)展的過程，而對于應(yīng)用程序的用戶注冊方式而言，顯然手機號碼注冊方式是最便捷的，只需要輸入手機號碼以及發(fā)至手機上的驗證碼，就可以即時完成注冊步驟。這便是對于用戶體驗最直觀也最有說服力的日常案例說明。

下面我們從移動設(shè)備手機應(yīng)用程序的首頁布局入手，進行同類電商APP針對不同的用戶體驗進行的改良設(shè)計，從中真切體會用戶體驗訴求在UI界面設(shè)計中的重要性。

一般的電商APP首頁主要包括的分欄結(jié)構(gòu)為：頂部狀態(tài)欄、菜單導(dǎo)航欄以及底部標簽入口欄。構(gòu)成這幾個分欄結(jié)構(gòu)的排版形式在UI界面中通常為標簽結(jié)構(gòu)、陳列式結(jié)構(gòu)、和宮格導(dǎo)航結(jié)構(gòu)。這是一般電商應(yīng)用程序中常見的界面構(gòu)成模塊。但是相對來講，有一些細節(jié)處理也是有各自不同的。我們以淘寶和拼多多這兩大主體電商為案例進行具體分析。

手機淘寶應(yīng)用程序的獨特之處在于，它的界面頂部搜索欄下方新增了“頂部歷史標簽導(dǎo)航”的結(jié)構(gòu)。這個分欄結(jié)構(gòu)的主要功能在于，手機淘寶可以根據(jù)用戶之前對于商品信息的瀏覽分類進行記憶，在下次購買過程中可以查找之前瀏覽過的商品信息，節(jié)約了用戶的搜尋時間。這是對于用戶體驗研究最有效的直觀表達。

而大家都知道拼多多的誕生是由于消費者對于低價需求的心理，所以說拼多多應(yīng)用程序首頁在UI設(shè)計界面中表現(xiàn)出弱化了信息搜索欄的位置，并且將頁面處于黃金分割線位置的宮格布局置入了：促銷、打折，以及免費活動的分類圖標，以此來吸引更多消費者進行應(yīng)用程序的使用。所以說，APP界面呈現(xiàn)出來的視覺層次內(nèi)容不同，究其根本還是源于各自針對的消費群體的內(nèi)心訴求不同。

UI界面設(shè)計中的用戶體驗研究，可以輔助根據(jù)用戶研究結(jié)果的差異性進行界面的改良設(shè)計。直接影響UI界面設(shè)計的具體視覺元素內(nèi)容以及排布方法。反之UI界面的美觀化和合理性呈現(xiàn)，主要也是為了服務(wù)于受眾人群的使用感受，以此來刺激大家的使用頻率和流量投入，加深受眾對于品牌化的主觀意識。最終實現(xiàn)應(yīng)用程序的擴大化以及隨之產(chǎn)生的經(jīng)濟效益。