UI設(shè)計(jì)中用戶視覺體驗(yàn)的探究

劉航宇 （成都文理學(xué)院美術(shù)學(xué)院 610401）

UI設(shè)計(jì)中用戶視覺體驗(yàn)的探究

劉航宇 （成都文理學(xué)院美術(shù)學(xué)院 610401）

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

用戶體驗(yàn)；UI設(shè)計(jì)；視覺元素；視覺表現(xiàn)

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

一、UI設(shè)計(jì)和用戶體驗(yàn)的定義

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

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

二、基于用戶體驗(yàn)的UI設(shè)計(jì)原則

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

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

三、基于用戶體驗(yàn)的UI設(shè)計(jì)的風(fēng)格發(fā)展與轉(zhuǎn)變

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

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

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

四、UI設(shè)計(jì)中的用戶視覺體驗(yàn)

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

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

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

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

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

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

[5]丁玉蘭.人機(jī)工程學(xué)[M].北京：北京理工大學(xué)出版社，2011.

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