丁男

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

作者簡介：

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