淺談交互設(shè)計流程中的視覺因素

丁男

【摘 要】交互設(shè)計中的視覺因素要符合交互產(chǎn)品的交互性，在交互設(shè)計流程中優(yōu)秀的視覺設(shè)計能精確與高效地傳遞信息與任務(wù)，從而能夠清晰地表達(dá)交互意圖。

【關(guān)鍵詞】交互設(shè)計；UI；草圖設(shè)計

中圖分類號：J524 文獻(xiàn)標(biāo)志碼：A 文章編號：1007-0125（2016）12-0150-02

如果交互設(shè)計中視覺設(shè)計的標(biāo)準(zhǔn)只是“美”的視覺效果，那么設(shè)計師就會陷入無所適從的境地。采用什么樣的視覺元素來表達(dá)完全出于設(shè)計經(jīng)驗與所謂的“感覺”，而衡量設(shè)計是否夠好的標(biāo)準(zhǔn)仍舊是“感覺”。要脫離這個窘境，就需要設(shè)計師回到理性中來，認(rèn)識到視覺設(shè)計工作是針對目標(biāo)用戶來表達(dá)內(nèi)容，采用什么樣的視覺符號是出于對用戶的分析和內(nèi)容表達(dá)的需要。如同教師講授課程，干巴巴地念書面稿可以完成內(nèi)容講授，但教學(xué)效果差，如果能將課程內(nèi)容輔以清晰的圖表等方式進(jìn)行視覺化表達(dá)，學(xué)生往往會更受用。在交互設(shè)計的流程中，視覺因素要適宜整個交互設(shè)計并被包含于交互設(shè)計的結(jié)構(gòu)中，才能夠做出符合受眾行為習(xí)慣的交互設(shè)計產(chǎn)品。

一、交互設(shè)計草圖的視覺因素作用

在交互設(shè)計初期，視覺因素以交互草稿等形式，在設(shè)計過程中起著不可輕視的作用，它以草圖、視覺符號、視覺形象的方式表達(dá)著設(shè)計師的意圖。首先，草圖的視覺因素具有記錄構(gòu)思的作用。即對構(gòu)思的整理、推敲、記錄。在交互設(shè)計過程中，交互產(chǎn)品的視覺形象作為一種符號，必然具有符號學(xué)的一些特征，對于交互設(shè)計師來講，其所設(shè)計的交互設(shè)計草稿圖中的符號總顯示著某種意義，代表了設(shè)計師當(dāng)時想法的流露和靈感的迸發(fā)，總與交互的意義形影不離，一系列符號構(gòu)成了設(shè)計師的整個思維過程。其次，草圖的視覺因素具有表達(dá)性的作用，即將自己的構(gòu)想傳達(dá)給第三者，讓他人理解你的創(chuàng)意。繪制交互設(shè)計草圖是為了讓客戶及團(tuán)隊理解交互思路，能夠以草圖形式和團(tuán)隊成員進(jìn)行溝通合作，它是設(shè)計師與團(tuán)隊及客戶之間的橋梁。再次，草圖的視覺因素可以表現(xiàn)最終交互產(chǎn)品的視覺風(fēng)格定位，雖然初期視覺草稿不能完全表現(xiàn)最終交互產(chǎn)品效果，但對最終視覺風(fēng)格和形象都有了準(zhǔn)確定位。初期并不完善的視覺設(shè)計因素的繪制為交互產(chǎn)品視覺和交互性的深化留下了很多想象的空間，為交互設(shè)計的進(jìn)一步深化完善和細(xì)節(jié)處理打下了基礎(chǔ)。用戶研究階段的視覺草稿表達(dá)能夠快速記錄下設(shè)計師的想法，而且還能不斷刺激設(shè)計師產(chǎn)生新的想法。

二、交互設(shè)計視覺因素表達(dá)交互意圖的方式

在交互設(shè)計中期階段，此時的視覺設(shè)計要符合交互產(chǎn)品的交互性。在交互設(shè)計流程中優(yōu)秀的視覺設(shè)計能精確與高效地傳遞信息與任務(wù)，從而能夠清晰地表達(dá)交互意圖。此處的清晰意為清晰的視覺引導(dǎo)和引導(dǎo)元素的精準(zhǔn)性。視覺設(shè)計能夠在交互設(shè)計中以科學(xué)的視覺語言方式，自然而又清晰地規(guī)劃出視覺路線，來引導(dǎo)使用者進(jìn)行流暢地檢索和閱讀。同時，以圖形、符號、色彩等因素給予交互畫面或外觀以強(qiáng)烈的美感。從而達(dá)到吸引用戶進(jìn)行交互并能夠幫助用戶順利完成交互。在交互設(shè)計的流程中視覺因素要基于三個交互基本要素而設(shè)計：

（一）交互對象，用戶的非專業(yè)性。

研究交互對象首先要研究用戶活動，因為交互對象是用戶活動的直接反映。研究用戶要堅決杜絕憑空想象，專業(yè)人士擁有的知識構(gòu)架和審美水平，可以潛移默化地影響他們的行為，特別是交互設(shè)計人員，屬于專業(yè)用戶，普通用戶難以理解的交互符號和繁瑣的交互步驟，可以被他們輕易掌握。他們的專業(yè)技能決定了他們不同于普通用戶也不能推理出普通用戶的認(rèn)知。所以我們的交互視覺設(shè)計一定要符合普通用戶的要求，其中任何一個微小細(xì)節(jié)的偏差，都有可能影響用戶體驗，交互對象的視覺設(shè)計應(yīng)該在交互框架下能夠輔助用戶交互并且在視覺上具有相適宜的美感。

（二）動作，產(chǎn)生事件的交互操作過程稱為動作。

動作作為產(chǎn)生事件的交互操作過程，完全由用戶引發(fā)，是交互過程中的中心環(huán)節(jié)，視覺設(shè)計在交互動作中應(yīng)該以視覺因素引導(dǎo)和提示的方式給予用戶交互方向的說明，并且通過符號、圖形、顏色幫助用戶方便而滿足地完成交互。

（三）事件，用戶與交互對象產(chǎn)生動作即交互時產(chǎn)生的操作結(jié)果稱為事件。

事件作為用戶與交互對象交互產(chǎn)生的操作結(jié)果，要符合客戶的期望，用戶通過動作使交互產(chǎn)品產(chǎn)生某一特定事件。當(dāng)這個事件跟用戶所期望的相一致或者比較接近的時候，用戶就會產(chǎn)生滿足感和成就感，這就是交互中良好的體驗，而交互產(chǎn)品反映的事件與用戶所期望的結(jié)果不同時，用戶就會產(chǎn)生挫敗感。在交互設(shè)計流程中事件通常以反饋信息或者進(jìn)一步動作提示的形式把動作結(jié)果反饋給用戶，所以視覺形象在此時要清晰地表達(dá)出反饋結(jié)果或者進(jìn)一步引導(dǎo)和提示用戶交互。

三、交互設(shè)計后期視覺因素的整合

貝塔朗菲強(qiáng)調(diào)任何系統(tǒng)都是一個有機(jī)的整體，它不是各個部分的機(jī)械組合或簡單相加，系統(tǒng)的整體功能是各要素在孤立狀態(tài)下所沒有的新質(zhì)，整體功能大于各部分功能之和。在交互設(shè)計實施階段，視覺因素整合作為交互設(shè)計不可缺少的環(huán)節(jié)尤為重要，此時應(yīng)該以交互性為前提，把不利于交互產(chǎn)品易用性的不易表達(dá)的視覺因素舍棄，使得視覺因素與交互功能完美結(jié)合。而我們的最終交互產(chǎn)品也要求是能夠美感與交互易用性兼顧的交互設(shè)計產(chǎn)品。

四、視覺因素在交互設(shè)計流程中的重要性

優(yōu)秀的交互設(shè)計就像婀娜的舞者，用美麗的線條（視覺因素）和輕盈的舞姿（交互性能）詮釋形式的美感與精神的表達(dá)。沒有人愿意看到臃腫演員跳芭蕾，不是因為臃腫的“丑”，而是因為與內(nèi)容的不適宜。同樣，對于交互設(shè)計而言沒有丑陋的視覺設(shè)計，只有與交互性能不適宜的視覺設(shè)計。事實上我們在信息不足的情況下，是通過封面，判斷一本書的質(zhì)量；通過外觀，判斷一家餐館的檔次；通過視覺設(shè)計判斷一家網(wǎng)站的好壞。如果訪問者正在尋找精美的服飾或兒童玩具，他們或許不會在一家滿眼望去都是灰色調(diào)，視覺設(shè)計不鮮明的網(wǎng)站上花費時間。我們設(shè)計師努力提升訪問者的體驗，并不是放棄可用性的標(biāo)準(zhǔn)，我們設(shè)計師一直在謀求利用交互設(shè)備的獨特性，刺激、吸引、愉悅訪問者。出色的視覺設(shè)計，能夠賦予意義，提供語境，喚起情感，能夠讓更多用戶在與交互對象交互中體驗到更多滿足感。

VR技術(shù)的快速發(fā)展體現(xiàn)了對人的因素的不斷重視，使人機(jī)交互更接近于自然的形式，使用戶能利用日常的自然技能，無須經(jīng)過特別的努力和學(xué)習(xí)，就可以讓認(rèn)知負(fù)荷降低，工作效率提高。這就更需要交互設(shè)計中視覺因素的不斷發(fā)展與補(bǔ)充，形成以視覺通道為主的各種感覺通道結(jié)合的交互發(fā)展方向。在VR技術(shù)更加成熟的明天，交互設(shè)計的視覺因素會因為其他感覺通道的加入對交互設(shè)計師形成新的挑戰(zhàn)，交互設(shè)計師唯有以用戶為中心，探索符合人心智模型的交互視覺表達(dá)方式，才能跟隨交互技術(shù)革新的步伐不斷前行。

參考文獻(xiàn)：

[1]庫帕.交互設(shè)計之路[M].電子工業(yè)出版社，2006.

作者簡介：

丁 男，遼寧師范大學(xué)計算機(jī)與信息技術(shù)學(xué)院。