馬嵐 西南民族大學藝術學院 四川成都 610041
UI界面設計是時下發展速度較為迅速、發展空間較大的新興設計門類。但是國內環境中,一開始關于界面設計這一概念并沒有廣受大家的重視,我們習慣于將界面設計這一原本擁有自身定義、發展歷史和設計原則的學科冠名為專業素質不高的且執行情況單一的“美工。”這種對于學科概念的誤解其實來源于對主題本身的不了解。那么,UI界面設計如此抽象的名稱下,具體指代了怎樣的定義,又涵蓋了什么功能分類呢?
我們需要明確的是,UI界面設計并不等同于UI設計,但是國內經常將二者習慣性地統一地口語化表達為“UI設計”。那么我們先從宏觀范疇上的UI設計入手:User Interface,即用戶界面設計,也就是在實現人機交互過程中,對于靜態和動態的界面元素的合理化美觀化設計的處理過程。而UI界面設計其實是這個設計過程的一個分支:GUI,主要是指用戶界面的視覺設計,也就是我們剛才提到的靜態界面元素的設計,比如界面中的:文字、色彩、圖形、圖案以及排版。動態界面元素指的是ID,也就是交互環節,比如說我們常見的界面中一般會有點擊可觸發操作的圖標或按鈕,這些都屬于交互環節,可以實現層級頁面之間的轉換。
UI設計中除此兩部分之外還有一個不可忽略的角色,那就是我們今天主要探究的UE/UX,也就是用戶體驗。眾所周知,設計行業本身具有一定的服務性質,我們面對的是客戶、受眾。評價設計作品最直接有效的方式是消費者的認同程度。UI設計同樣如此,需要研究目標群體的有形或無形的消費訴求,準確捕捉到受眾的痛點之后,針對性地進行需求設計,才能使產品受到好評,更好地適應市場的需求。
那么,在UI設計的新語境下所創造出來的產品,UI用戶體驗主要落腳點在于“體驗”二字。這是個關于受眾生命體、設計產品載體、以及產品使用過程中的情緒感受的過程研究。通常包括對于ID合理性的使用感受反饋以及GUI美觀舒適性的操作感受反饋。作為實用性極強的UI界面而言,最基本的要求就是需要讓受眾群體愿意使用所設計出來的界面。沒有使用就意味著沒有市場,就無法達到我們最初進行設計的目的。
用戶體驗研究中最重要的是研究用戶需求。通過用戶體驗研究,我們可以反過來重新審視UI界面的功能合理與視覺美觀這兩方面內容做的是否到位,所以用戶體驗研究是一個雙向過程,承載著機器界面幫助受眾有實現目的的即時交互操作,以及對于手中的受用體驗感受反饋信息進行設計產品的深度改良的責任。
理解UE用戶體驗這個概念其實也并不是很復雜,比如我們日常使用手持設備移動端界面的時候,打開任意的一個應用程序,進入程序主頁之前一般會經歷閃屏頁和引導頁這兩種類型的界面。當閃屏頁視覺停留時間過長的話,就會嚴重影響受眾的耐心程度,從而導致目標用戶的流失。再比如一般的社交類應用程序為了方便個人用戶的信息保存,會在初次使用APP的時候自動進行賬戶注冊,但是對于注冊方式的選擇便顯得尤為重要。一般的注冊方式可以有:賬戶密碼設置、IP地址注冊、郵箱登錄注冊,以及現在常用的手機號碼注冊,相對來講,這是一個隨著科技進步不斷發展的過程,而對于應用程序的用戶注冊方式而言,顯然手機號碼注冊方式是最便捷的,只需要輸入手機號碼以及發至手機上的驗證碼,就可以即時完成注冊步驟。這便是對于用戶體驗最直觀也最有說服力的日常案例說明。
下面我們從移動設備手機應用程序的首頁布局入手,進行同類電商APP針對不同的用戶體驗進行的改良設計,從中真切體會用戶體驗訴求在UI界面設計中的重要性。
一般的電商APP首頁主要包括的分欄結構為:頂部狀態欄、菜單導航欄以及底部標簽入口欄。構成這幾個分欄結構的排版形式在UI界面中通常為標簽結構、陳列式結構、和宮格導航結構。這是一般電商應用程序中常見的界面構成模塊。但是相對來講,有一些細節處理也是有各自不同的。我們以淘寶和拼多多這兩大主體電商為案例進行具體分析。
手機淘寶應用程序的獨特之處在于,它的界面頂部搜索欄下方新增了“頂部歷史標簽導航”的結構。這個分欄結構的主要功能在于,手機淘寶可以根據用戶之前對于商品信息的瀏覽分類進行記憶,在下次購買過程中可以查找之前瀏覽過的商品信息,節約了用戶的搜尋時間。這是對于用戶體驗研究最有效的直觀表達。
而大家都知道拼多多的誕生是由于消費者對于低價需求的心理,所以說拼多多應用程序首頁在UI設計界面中表現出弱化了信息搜索欄的位置,并且將頁面處于黃金分割線位置的宮格布局置入了:促銷、打折,以及免費活動的分類圖標,以此來吸引更多消費者進行應用程序的使用。所以說,APP界面呈現出來的視覺層次內容不同,究其根本還是源于各自針對的消費群體的內心訴求不同。
UI界面設計中的用戶體驗研究,可以輔助根據用戶研究結果的差異性進行界面的改良設計。直接影響UI界面設計的具體視覺元素內容以及排布方法。反之UI界面的美觀化和合理性呈現,主要也是為了服務于受眾人群的使用感受,以此來刺激大家的使用頻率和流量投入,加深受眾對于品牌化的主觀意識。最終實現應用程序的擴大化以及隨之產生的經濟效益。