劉航宇 （成都文理學院美術學院 610401）

UI設計中用戶視覺體驗的探究

劉航宇 （成都文理學院美術學院 610401）

本文結合設計心理學、圖形符號學和人機工程學等相關設計原理對UI設計中用戶視覺體驗進行分析研究，旨在為移動應用的視覺設計師和相關產品開發(fā)者在實際的設計過程中提供理論支撐，為基于用戶體驗的UI設計的進一步研究提供理論依據和實踐的探索。

用戶體驗；UI設計；視覺元素；視覺表現(xiàn)

本研究得到四川省教育廳人文社會科學重點研究基地工業(yè)設計產業(yè)研究中心課題“基于用戶體驗的漫畫類APP界面視覺設計與研究”（項目編號：GYSJ17-029）資助。

一、UI設計和用戶體驗的定義

UI即User Interface(用戶界面)的簡稱，相較于傳統(tǒng)的界面，UI更強調User也就是用戶的重要性。UI設計這一新興的設計門類，是伴隨著現(xiàn)代科技發(fā)展而產生的，其主要包含了人機交互、操作邏輯和界面美觀等諸多方面。

用戶體驗（User Experience，簡稱UE/UX），即是用戶在產品的使用過程當中所建立起來的一種純主觀感受，包括了用戶的心理感受、肢體感受、用戶對產品的興趣、情感和效益等，同時也可分為用戶的感官體驗、交互體驗和情感體驗等；同時用戶體驗也不是一成不變的，伴隨著用戶自身的情感、認知程度、生活環(huán)境等的改變，用戶體驗也會不斷地變化和發(fā)展。

二、基于用戶體驗的UI設計原則

UI設計的本質是搭建User用戶與產品之間的聯(lián)系，對于目標用戶群體來說，用戶體驗是由良好UI設計來構筑的。一款優(yōu)秀的UI設計視覺表現(xiàn)，其用戶體驗的設計原則始終貫穿于整個設計流程，大到色彩藝術風格的設計、視覺人文關的懷，小到圖標的設計、字體設計等視覺因素所構成的良好用戶體驗不僅可以使產品本身的界面形式耐看且富有設計美感，同時還可以讓用戶在產品的使用過程當中得到愉悅的享受。

基于用戶體驗的UI設計應遵循的基本原則即是簡約易用，簡潔的界面可以讓用戶對產品能快速上手，減少誤操作的可能，滿足用戶的基本使用效率訴求。也就是說用戶不需要使用任何操作說明，就可以直接通過瀏覽產品的界面就能了解相關功能的使用，使得用戶可以快速獲取產品本身的服務和準確的信息從而達到目的。UI設計視覺表現(xiàn)還需要遵循用戶的使用習慣，界面設計中要使用能反映用戶本身的語言，同時充分考慮功能布局的合理化，遵循用戶瀏覽、操作的習慣，即自上而下，從左往右等，使得用戶和界面的關系變得更為親密，產品界面的設計是覺醒是與功能與用戶的體驗感知高度匹配。同時，UI設計視覺表現(xiàn)還應遵循減輕用戶的認知負擔，保證用戶的良好感官。讓用戶的記憶負擔最小化，對用戶來說，瀏覽信息要比記憶更容易，在設計界面時必須要考慮人類大腦處理信息的限度，保持界面的簡潔，隱藏不常用的功能區(qū)塊，提高產品本身的易用性和可用性，從而使得用戶能更專注于產品本身。

三、基于用戶體驗的UI設計的風格發(fā)展與轉變

最初的文本化計算機語言時期，就已經產生了初始的UI設計風格，但當時僅僅只是為了滿足產品的基本功能，其局限性無法適用于廣大用戶；伴隨著科技的發(fā)展，計算機軟、硬件的普及，用戶對UI界面的需求逐步提升，從而促使了UI界面擬物化設計風格的出現(xiàn)，擬物化的UI界面設計就是設計者從用戶的認知角度出發(fā)，將圖標等一些界面元素的展示，通過模仿公眾熟知的日常物體的視覺線索，降低用戶去了解如何使用產品時需要的認知負荷。擬物化設計不僅在視覺表現(xiàn)上追求模擬真實物體，同時還在人機交互的形式上也模擬現(xiàn)實。

UI設計的根本目的，就是要為滿足用戶對產品功能實現(xiàn)和信息傳遞的各種體驗，但伴隨著科技的發(fā)展，產品的功能越來越強大，界面中所包含的信息量也越來越多，擬物化設計風格的特點使得產品的界面設計過于復雜，從而給用戶帶來了消極的體驗感受，這就對UI設計的視覺表現(xiàn)提出了新的要求。在用戶體驗需求轉變后，一種將復雜的信息高度抽象化、簡約化的設計風格即扁平化設計逐步形成。扁平化設計去掉各種冗余、繁瑣的裝飾效果，強調抽象、極簡和符號化的設計元素，以點、線、面和各種色塊的應用對整體的設計語義進行組織構架，從而凸顯出“信息”本身的核心地位。扁平化的設計風格將產品的界面設計和交互設計進行了重新的定義，將信息內容和產品的使用方式以一種更直接、有效的形式呈現(xiàn)出來，使得產品本身的界面設計更易于用戶操作、更加的人性化，進而給予了用戶一個舒適、便捷的良好體驗。

從UI設計風格的發(fā)展和轉變的趨勢來看，各類設計風格的出現(xiàn)和發(fā)展，都是基于用戶體驗為基本前提。設計風格伴隨著產品本身的更新轉變、用戶的物質文化生活環(huán)境、現(xiàn)代科技的發(fā)展而不斷發(fā)展和革新，而UI設計視覺風格的表現(xiàn)也是跟隨著用戶的需求、生活環(huán)境、心理體驗的轉變而轉變，不是設計師單純從美學或者個人風格的角度出發(fā)而決定的，也不是開發(fā)者和廠商單純從市場需求出發(fā)而創(chuàng)造的。簡而言之，就是用戶體驗決定設計風格，“形式追隨于體驗”。

四、UI設計中的用戶視覺體驗

用戶和產品的交流，主要是和界面的交流，UI設計中的用戶視覺體驗對產品有著舉足輕重的作用，一款優(yōu)秀的界面設計不僅能夠讓其用戶快捷地適應產品的使用方式，無縫地接入使用習慣，從而使得產品在用戶群體中留下良好的口碑。以用戶體驗為中心的UI設計視覺表現(xiàn)主要有視覺要素的感官體驗、視覺要素的交互體驗、視覺要素的情感體驗等諸多方面構成。其中視覺要素的感官體驗需要從建立在用戶認知和使用習慣之上的版式布局；科學、合理、有效的色彩搭配提升交互的舒適度；文字的可讀性優(yōu)化設計即字體、大小、板式賦予產品美感和提升傳達力；圖形的直觀性更簡潔易懂、直觀有效；視覺要素的多媒體運用傳達信息能夠增強界面表達的吸引力和感染力等諸多方面來實現(xiàn)或增強用戶的第一感觀體驗。

視覺要素的交互體驗主要以高效的設計可視化和細致的微交互的融入等方面來增強用戶體驗。UI界面設計的可視化在保證產品正確邏輯關系的前提下，對產品的各類功能模塊、界面元素組件、操作流程、信息傳遞等方面進行產品界面的美觀化設計從而達到更好的吸引用戶，并且還通過各種視覺要素的形象化表述，讓產品的各類信息更簡單、高效的傳遞，從而達到用戶體驗的有效性和合理性的提升。而細致的微交互的融入，則是對用戶體驗的重視逐步在不斷細化和深入，在界面設計中結合適當?shù)膭討B(tài)效果，增加界面視覺設計表現(xiàn)的生命力，省視和刻畫產品本身在使用過程中的微交互，增加用戶體驗的流暢感和舒適度，讓界面設計真正走進用戶的內心；視覺要素的情感體驗主要是在設計過程當中，需盡量考慮用戶在體驗過程當中不可避免的不適感同時增加用戶體驗中的趣味性，讓用戶和產品之間產生更多的情感共鳴，增加用戶的滿意度、愉悅度、成就感等方面的內心情感滿足。

[1]羅仕鑒，朱上上，孫守遷.人機界面設計[M].北京：機械工業(yè)出版社，2004.

[2][美]Jesse James Garrett.用戶體驗的要素[M].北京：機械工業(yè)出版社，2007.

[3]楊艾祥.下一站用戶體驗[M].北京：中國發(fā)展出版社，2010.

[4]陳啟安.軟件人機界面設計[M].北京：高等教育出版社，2004.

[5]丁玉蘭.人機工程學[M].北京：北京理工大學出版社，2011.

劉航宇，研究生，講師，研究方向：動漫、數(shù)字媒體藝術。