淺談UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺思維

【摘要】 在科技飛速發(fā)展進(jìn)步的背景下，目前科研產(chǎn)品的主要方向是根據(jù)用戶的實(shí)際需求進(jìn)行研發(fā)的。就人機(jī)交互技術(shù)而言，在進(jìn)行產(chǎn)品研發(fā)時(shí)，可先讓部分用戶進(jìn)行產(chǎn)品體驗(yàn)，根據(jù)用戶反饋的意見等進(jìn)行產(chǎn)品優(yōu)化，以保證生產(chǎn)出的產(chǎn)品符合大眾口味，能夠滿足用戶需求。用戶在體驗(yàn)產(chǎn)品時(shí)要憑借其視覺感官來感受產(chǎn)品，因此，研發(fā)單位要注重產(chǎn)品在用戶視覺感官方面的設(shè)計(jì)。本文主要研究了UI設(shè)計(jì)在用戶交互體驗(yàn)中的視覺思維，以期能為產(chǎn)品的視覺性設(shè)計(jì)提供部分參考數(shù)據(jù)。

【關(guān)鍵詞】 UI設(shè)計(jì);用戶交互體驗(yàn);視覺思維

【中圖分類號(hào)】TP311? ? ? ? ? 【文獻(xiàn)標(biāo)識(shí)碼】A? ? ? ? ? 【文章編號(hào)】2096-8264（2021）05-0082-02

人們?cè)谏钏教岣叩幕A(chǔ)上開始追求產(chǎn)品的質(zhì)量和個(gè)性特點(diǎn)，因此，產(chǎn)品的研發(fā)人員逐漸將重點(diǎn)轉(zhuǎn)移至軟件界面的人機(jī)互動(dòng)和操作等方面，以提高用戶視覺交互體驗(yàn)[1]。在UI設(shè)計(jì)的發(fā)展過程中，軟件界面設(shè)計(jì)慢慢趨向成熟，受到用戶的一致認(rèn)可和喜愛。軟件界面與用戶思維相吻合，軟件定位明確，產(chǎn)品滿足大眾的認(rèn)知習(xí)慣，且軟件頁面層次分明，瀏覽起來簡(jiǎn)單省時(shí)且極具個(gè)性。所以，產(chǎn)品研發(fā)人員在進(jìn)行產(chǎn)品設(shè)計(jì)時(shí)將視覺思維與UI設(shè)計(jì)結(jié)合起來可以有效滿足人們對(duì)于產(chǎn)品的實(shí)際需求。

一、用戶交互體驗(yàn)與視覺思維之間的聯(lián)系

（一）用戶交互體驗(yàn)中的視覺需求

用戶的需求是產(chǎn)品研發(fā)人員進(jìn)行產(chǎn)品設(shè)計(jì)的基本依據(jù)，也為用戶體驗(yàn)界面奠定堅(jiān)實(shí)的基礎(chǔ)，且視覺思維需求在用戶實(shí)際需求中也有一定占比。研發(fā)人員要在滿足用戶視覺思維需求的基礎(chǔ)上進(jìn)行UI設(shè)計(jì)，視覺思維在用戶交互體驗(yàn)環(huán)節(jié)中有一定的占比，因?yàn)橛脩舻囊曈X思維與用戶的交互體驗(yàn)有著密不可分的聯(lián)系。在傳統(tǒng)的UI設(shè)計(jì)中用戶體驗(yàn)的視覺思維設(shè)計(jì)主要是界面的整體風(fēng)格和框架結(jié)構(gòu)、色彩搭配以及文字設(shè)計(jì)等方面，為了滿足用戶的視覺感官需求，研發(fā)人員需重視色彩的運(yùn)用搭配以及文字符號(hào)等多個(gè)方面。以從根本上完善產(chǎn)品的不足，滿足大眾的需求，刺激人們消費(fèi)，增強(qiáng)產(chǎn)品在市場(chǎng)中的競(jìng)爭(zhēng)力。

（二）視覺思維在UI設(shè)計(jì)用戶交互體驗(yàn)中的價(jià)值

UI設(shè)計(jì)是用戶了解和明確產(chǎn)品相關(guān)信息的渠道之一。人們?cè)跒g覽或操作界面信息時(shí)，大腦會(huì)自動(dòng)構(gòu)建圖像，當(dāng)相似的圖像出現(xiàn)載體時(shí)，人的大腦會(huì)對(duì)其自主進(jìn)行可視化操作，以使產(chǎn)品信息與用戶的圖像處理行為相吻合[2]。研發(fā)人員進(jìn)行UI設(shè)計(jì)之前，需收集大眾的視覺思維偏好，在整合后以此為基礎(chǔ)和方向進(jìn)行設(shè)計(jì)作業(yè)，這樣可以有效滿足用戶的視覺思維需求，并在用戶交互體驗(yàn)過程中刺激用戶大腦處理圖像信息，以提高用戶交互體驗(yàn)的速度，帶給其極致的體驗(yàn)感。

二、UI設(shè)計(jì)中用戶交互體驗(yàn)視覺思維的應(yīng)用

從用戶需求的角度來說，將用戶視覺思維需求與界面操作結(jié)合在一起可以有效滿足用戶對(duì)于界面視覺思維的實(shí)際需求，研發(fā)人員在進(jìn)行UI設(shè)計(jì)時(shí)從一而終都要關(guān)注用戶的使用效果和意見反饋，并進(jìn)行相應(yīng)的調(diào)整和優(yōu)化，但就應(yīng)用軟件的老用戶而言，界面的覆蓋和優(yōu)化可能會(huì)對(duì)老用戶造成一定困擾，比如找不到具體功能選項(xiàng)等，因此，界面使用的反饋信息可能不具備全面性。

（一）虛擬界面

借助虛擬成像技術(shù)可以加深用戶的視覺交互體驗(yàn)效果，當(dāng)界面的聲音正向的從前方出現(xiàn)時(shí)，界面研發(fā)人員可以應(yīng)用平面視差等將界面構(gòu)建得相對(duì)完善，結(jié)合動(dòng)態(tài)聲音調(diào)節(jié)技術(shù)等使聲音的呈現(xiàn)相對(duì)完美，其可以將中高音的真實(shí)聲色展現(xiàn)出來，同時(shí)低音的聲色也相對(duì)完美。因此，虛擬成像技術(shù)在UI設(shè)計(jì)中也是相對(duì)比較重要的部分。

（二）虛擬人工界面

UI設(shè)計(jì)中還存在虛擬人工的相關(guān)概念，虛擬人工可以在特殊的環(huán)境或區(qū)域里提供多方面綜合性的服務(wù)，且隨著現(xiàn)代科學(xué)技術(shù)的發(fā)展，人工智能領(lǐng)域的研究也取得了較大成果，因此，虛擬人工這一概念出現(xiàn)在UI設(shè)計(jì)中，并應(yīng)用于某些環(huán)境中。虛擬人工在UI設(shè)計(jì)中的形象主要是人、動(dòng)物以及二次元的動(dòng)畫人物等，在用戶與機(jī)器進(jìn)行交互操作時(shí)，高級(jí)的虛擬人工可以與用戶實(shí)時(shí)交流，通過二者之間的交流使用戶了解到其想要了解的產(chǎn)品信息和特性，并在一定程度上給予用戶一些新奇的交互體驗(yàn)。視覺思維在UI設(shè)計(jì)中的應(yīng)用可以有效減少用戶觀察、評(píng)估產(chǎn)品的時(shí)間，視覺思維的應(yīng)用使得用戶縮短了視覺引導(dǎo)的時(shí)間，并有效提高了用戶交互體驗(yàn)，加深對(duì)產(chǎn)品的了解。

三、視覺思維在UI設(shè)計(jì)用戶交互體驗(yàn)中的應(yīng)用

（一）風(fēng)格定位

在軟件應(yīng)用市場(chǎng)競(jìng)爭(zhēng)壓力不斷增加的背景下，人們對(duì)于UI設(shè)計(jì)的要求越來越高，在此過程中，設(shè)計(jì)人員了解用戶對(duì)于視覺感官的真實(shí)需求后，可以明確定位界面風(fēng)格，以及所需要的色彩搭配等方面[3]。用戶的實(shí)際需求使設(shè)計(jì)人員必須根據(jù)其視覺思維進(jìn)行合理設(shè)計(jì)，使用戶在進(jìn)行界面操作時(shí)可根據(jù)其思維習(xí)慣順利操作，在操作過程中不會(huì)出現(xiàn)別扭的感覺，有效保障用戶與界面的交互體驗(yàn)。比如，目前比較火爆的手機(jī)品牌都在研發(fā)無邊界屏幕，在原有基礎(chǔ)上使手機(jī)屏幕占據(jù)更多界面，以提高用戶體驗(yàn)感，全屏手機(jī)的使用使得用戶的界面操作都在屏幕中進(jìn)行，與過往的按鍵手機(jī)大不相同，這就是現(xiàn)代全屏手機(jī)的特點(diǎn)。

（二）框架設(shè)計(jì)

設(shè)計(jì)人員按照大眾的視覺思維和行為習(xí)慣進(jìn)行界面的框架設(shè)計(jì)即為視覺思維在UI設(shè)計(jì)中的具體應(yīng)用。另外，設(shè)計(jì)人員還要結(jié)合視覺平衡進(jìn)行符合大眾思維習(xí)慣的順序設(shè)計(jì)，如從上到下，從左到右的閱讀習(xí)慣等。因?yàn)楝F(xiàn)代社會(huì)的人們接受的教育、知識(shí)或生活常識(shí)等都使得他們養(yǎng)成了上至下，左至右的閱讀習(xí)慣，因此，設(shè)計(jì)人員在進(jìn)行UI設(shè)計(jì)時(shí)也要遵循這一習(xí)慣，將主要的內(nèi)容或操作放在左上方較為顯眼的地方。使得人們能夠在短時(shí)間內(nèi)熟悉界面的操作。比如，微信將搜索功能設(shè)置在界面的上方，底部從左至右分別是聊天界面、通訊錄、朋友圈以及我，除去上面的搜索界面以及底部框的其余部分都是聊天界面。聊天界面設(shè)置在最左邊完全符合人們的思維與行為習(xí)慣，使人們?cè)谑褂梦⑿艜r(shí)不會(huì)因與習(xí)慣相沖而產(chǎn)生別扭感，在一定程度上加強(qiáng)了用戶的交互體驗(yàn)感。

（三）圖形設(shè)計(jì)

UI設(shè)計(jì)中的圖形是用戶獲取信息的主要途徑，界面的圖形設(shè)計(jì)對(duì)于用戶的視覺感官體驗(yàn)具有一定影響，圖形主要包含文字、標(biāo)識(shí)等各方面[4]。近些年在時(shí)代發(fā)展的背景下，人們的生活、工作壓力逐漸增加，生活節(jié)奏等各方面也在逐漸加快，基于此，人們開啟快餐式生活，對(duì)于信息的閱讀等也多關(guān)注簡(jiǎn)短的文字或簡(jiǎn)單的一張圖片，因此，圖形設(shè)計(jì)在UI設(shè)計(jì)中的比重越來越大。為滿足用戶的視覺思維需求，設(shè)計(jì)人員在進(jìn)行圖形設(shè)計(jì)時(shí)對(duì)素材的大小、內(nèi)容、形狀以及文字的布局、排版等方面做了相應(yīng)調(diào)整，對(duì)于軟件的圖標(biāo)設(shè)計(jì)，大多數(shù)設(shè)計(jì)人員選擇定義加文字的表現(xiàn)方式，有助于加深人們對(duì)于圖標(biāo)的記憶。比如，相機(jī)、信封、音樂等手機(jī)應(yīng)用軟件圖標(biāo)，都是與其功能相吻合且較為形象的圖標(biāo)，這些圖標(biāo)在手機(jī)界面中的體現(xiàn)可以使用戶快速、準(zhǔn)確地找到想要的軟件，極大程度地提高了用戶交互體驗(yàn)。

（四）色彩感知

一般情況下，用戶的視覺思維最敏銳的感官來自于色彩方面，不同的色彩具有不同的意義，且用戶對(duì)于色彩也都有不同的理解。在UI設(shè)計(jì)中，設(shè)計(jì)人員比較喜歡用藍(lán)色或紫色代表科技，綠色代表希望，積極向上，紅色是較為明顯的暖色調(diào)，可以在一定程度上引起用戶的關(guān)注。因此，在進(jìn)行UI設(shè)計(jì)時(shí)，設(shè)計(jì)人員要充分考慮其所要設(shè)計(jì)的內(nèi)容，根據(jù)內(nèi)容選擇合適的色彩搭配，以吸引用戶的注意卻又不顯突兀，在一定程度上增強(qiáng)用戶的交互視覺體驗(yàn)。

四、用戶交互體驗(yàn)下視覺設(shè)計(jì)的應(yīng)用趨勢(shì)

在科研成果逐漸豐碩的背景下，用戶交互體驗(yàn)在設(shè)計(jì)方面更加關(guān)注用戶的視覺需求以及體驗(yàn)過后的意見反饋。在當(dāng)前時(shí)代背景下，電子產(chǎn)品以及應(yīng)用軟件的圖標(biāo)設(shè)計(jì)目的多是吸引用戶的關(guān)注，以刺激用戶消費(fèi)。在其設(shè)計(jì)中，主要運(yùn)用簡(jiǎn)單卻又具有內(nèi)涵的圖形以及豐富的色彩搭配等，使用戶對(duì)其具有深刻的記憶，在一定程度上吸引用戶的關(guān)注，使產(chǎn)品擁有被了解的時(shí)間，比如3D交互的出現(xiàn)與發(fā)展。在用戶交互體驗(yàn)的發(fā)展過程中，視覺設(shè)計(jì)的使用范圍越來越大，但在實(shí)際運(yùn)用中仍存在或多或少的問題亟待解決。比如，界面中的圖形雖然外表華麗，但沒有內(nèi)涵;圖形包含內(nèi)容過多使得圖片看起來比較亂;色彩搭配過于平凡無法吸引用戶注意等方面。3D交互界面的應(yīng)用可以有效解決UI設(shè)計(jì)中的這些問題，不管是界面風(fēng)格，視覺感官體驗(yàn)和軟件后臺(tái)的運(yùn)行速度等都可以得到一定程度的優(yōu)化。3D交互的普及應(yīng)用是順應(yīng)時(shí)代發(fā)展以及用戶需求的趨勢(shì)和必然結(jié)果，其應(yīng)用可以有效解決UI設(shè)計(jì)中存在的問題，為電子領(lǐng)域的企業(yè)提供新的發(fā)展機(jī)會(huì)。

五、結(jié)論

綜合上面所講述的內(nèi)容可知，視覺思維是UI設(shè)計(jì)中較為重要的一部分，UI設(shè)計(jì)是基于用戶視覺思維與行為習(xí)慣進(jìn)行的界面設(shè)計(jì)，這樣可以有效滿足用戶的視覺需求以及使用需求，在其操作界面過程中不會(huì)感到別扭，且在一定程度上提高用戶的審美，增強(qiáng)用戶交互體驗(yàn)[5]。且隨著時(shí)代的發(fā)展，科技的進(jìn)步，用戶對(duì)于界面以及軟件的使用已不再滿足于二維空間的設(shè)計(jì)，設(shè)計(jì)人員的產(chǎn)品設(shè)計(jì)需逐漸向三維以及更高維度的空間發(fā)展，3D交互設(shè)計(jì)應(yīng)運(yùn)而生。二維到三維空間的轉(zhuǎn)變對(duì)于UI設(shè)計(jì)而言是一個(gè)跨越空間角度的變化，未來3D交互將是UI設(shè)計(jì)的主要發(fā)展方向。3D雖然可以有效解決現(xiàn)存的UI設(shè)計(jì)中的問題，但其自身也存在一些問題需要解決，因此，該領(lǐng)域?qū)W者必須深入研究3D交互技術(shù)，進(jìn)一步增強(qiáng)用戶視覺交互體驗(yàn)。

參考文獻(xiàn)：

[1]楊媛.UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺思維[J].山東工業(yè)技術(shù)，2019（05）：245.

[2]鄭紅.關(guān)于UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺思維研究[J].藝術(shù)科技，2019，32（06）：211.

[3]曾原.探討UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺思維[J].佳木斯職業(yè)學(xué)院學(xué)報(bào)，2019（05）：225+236.

[4]馮利華.UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺思維淺析[J].中國多媒體與網(wǎng)絡(luò)教學(xué)學(xué)報(bào)（上旬刊），2019（09）：11-12.

[5]杜翔宇.UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺思維分析[J].大眾文藝，2019（23）：68-69.

作者簡(jiǎn)介：

王蓉芳，女，湖南常德人，碩士，講師，研究方向：藝術(shù)設(shè)計(jì)。