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

1、    淺談交互設(shè)計(jì)流程中的視覺(jué)因素    丁男【摘 要】交互設(shè)計(jì)中的視覺(jué)因素要符合交互產(chǎn)品的交互性，在交互設(shè)計(jì)流程中優(yōu)秀的視覺(jué)設(shè)計(jì)能精確與高效地傳遞信息與任務(wù)，從而能夠清晰地表達(dá)交互意圖?！娟P(guān)鍵詞】交互設(shè)計(jì)；ui；草圖設(shè)計(jì)：j524 文獻(xiàn)標(biāo)志碼：a ：1007-0125（2016）12-0150-02如果交互設(shè)計(jì)中視覺(jué)設(shè)計(jì)的標(biāo)準(zhǔn)只是“美”的視覺(jué)效果，那么設(shè)計(jì)師就會(huì)陷入無(wú)所適從的境地。采用什么樣的視覺(jué)元素來(lái)表達(dá)完全出于設(shè)計(jì)經(jīng)驗(yàn)與所謂的“感覺(jué)”，而衡量設(shè)計(jì)是否夠好的標(biāo)準(zhǔn)仍舊是“感覺(jué)”。要脫離這個(gè)窘境，就需要設(shè)計(jì)師回到理性中來(lái)，認(rèn)識(shí)到視覺(jué)設(shè)計(jì)工作是針對(duì)目標(biāo)用

2、戶(hù)來(lái)表達(dá)內(nèi)容，采用什么樣的視覺(jué)符號(hào)是出于對(duì)用戶(hù)的分析和內(nèi)容表達(dá)的需要。如同教師講授課程，干巴巴地念書(shū)面稿可以完成內(nèi)容講授，但教學(xué)效果差，如果能將課程內(nèi)容輔以清晰的圖表等方式進(jìn)行視覺(jué)化表達(dá)，學(xué)生往往會(huì)更受用。在交互設(shè)計(jì)的流程中，視覺(jué)因素要適宜整個(gè)交互設(shè)計(jì)并被包含于交互設(shè)計(jì)的結(jié)構(gòu)中，才能夠做出符合受眾行為習(xí)慣的交互設(shè)計(jì)產(chǎn)品。一、交互設(shè)計(jì)草圖的視覺(jué)因素作用在交互設(shè)計(jì)初期，視覺(jué)因素以交互草稿等形式，在設(shè)計(jì)過(guò)程中起著不可輕視的作用，它以草圖、視覺(jué)符號(hào)、視覺(jué)形象的方式表達(dá)著設(shè)計(jì)師的意圖。首先，草圖的視覺(jué)因素具有記錄構(gòu)思的作用。即對(duì)構(gòu)思的整理、推敲、記錄。在交互設(shè)計(jì)過(guò)程中，交互產(chǎn)品的視覺(jué)形象作為一種符號(hào)，必

3、然具有符號(hào)學(xué)的一些特征，對(duì)于交互設(shè)計(jì)師來(lái)講，其所設(shè)計(jì)的交互設(shè)計(jì)草稿圖中的符號(hào)總顯示著某種意義，代表了設(shè)計(jì)師當(dāng)時(shí)想法的流露和靈感的迸發(fā)，總與交互的意義形影不離，一系列符號(hào)構(gòu)成了設(shè)計(jì)師的整個(gè)思維過(guò)程。其次，草圖的視覺(jué)因素具有表達(dá)性的作用，即將自己的構(gòu)想傳達(dá)給第三者，讓他人理解你的創(chuàng)意。繪制交互設(shè)計(jì)草圖是為了讓客戶(hù)及團(tuán)隊(duì)理解交互思路，能夠以草圖形式和團(tuán)隊(duì)成員進(jìn)行溝通合作，它是設(shè)計(jì)師與團(tuán)隊(duì)及客戶(hù)之間的橋梁。再次，草圖的視覺(jué)因素可以表現(xiàn)最終交互產(chǎn)品的視覺(jué)風(fēng)格定位，雖然初期視覺(jué)草稿不能完全表現(xiàn)最終交互產(chǎn)品效果，但對(duì)最終視覺(jué)風(fēng)格和形象都有了準(zhǔn)確定位。初期并不完善的視覺(jué)設(shè)計(jì)因素的繪制為交互產(chǎn)品視覺(jué)和交互性的深

4、化留下了很多想象的空間，為交互設(shè)計(jì)的進(jìn)一步深化完善和細(xì)節(jié)處理打下了基礎(chǔ)。用戶(hù)研究階段的視覺(jué)草稿表達(dá)能夠快速記錄下設(shè)計(jì)師的想法，而且還能不斷刺激設(shè)計(jì)師產(chǎn)生新的想法。二、交互設(shè)計(jì)視覺(jué)因素表達(dá)交互意圖的方式在交互設(shè)計(jì)中期階段，此時(shí)的視覺(jué)設(shè)計(jì)要符合交互產(chǎn)品的交互性。在交互設(shè)計(jì)流程中優(yōu)秀的視覺(jué)設(shè)計(jì)能精確與高效地傳遞信息與任務(wù)，從而能夠清晰地表達(dá)交互意圖。此處的清晰意為清晰的視覺(jué)引導(dǎo)和引導(dǎo)元素的精準(zhǔn)性。視覺(jué)設(shè)計(jì)能夠在交互設(shè)計(jì)中以科學(xué)的視覺(jué)語(yǔ)言方式，自然而又清晰地規(guī)劃出視覺(jué)路線(xiàn)，來(lái)引導(dǎo)使用者進(jìn)行流暢地檢索和閱讀。同時(shí)，以圖形、符號(hào)、色彩等因素給予交互畫(huà)面或外觀(guān)以強(qiáng)烈的美感。從而達(dá)到吸引用戶(hù)進(jìn)行交互并能夠幫助

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

6、美感。（二）動(dòng)作，產(chǎn)生事件的交互操作過(guò)程稱(chēng)為動(dòng)作。動(dòng)作作為產(chǎn)生事件的交互操作過(guò)程，完全由用戶(hù)引發(fā)，是交互過(guò)程中的中心環(huán)節(jié)，視覺(jué)設(shè)計(jì)在交互動(dòng)作中應(yīng)該以視覺(jué)因素引導(dǎo)和提示的方式給予用戶(hù)交互方向的說(shuō)明，并且通過(guò)符號(hào)、圖形、顏色幫助用戶(hù)方便而滿(mǎn)足地完成交互。（三）事件，用戶(hù)與交互對(duì)象產(chǎn)生動(dòng)作即交互時(shí)產(chǎn)生的操作結(jié)果稱(chēng)為事件。事件作為用戶(hù)與交互對(duì)象交互產(chǎn)生的操作結(jié)果，要符合客戶(hù)的期望，用戶(hù)通過(guò)動(dòng)作使交互產(chǎn)品產(chǎn)生某一特定事件。當(dāng)這個(gè)事件跟用戶(hù)所期望的相一致或者比較接近的時(shí)候，用戶(hù)就會(huì)產(chǎn)生滿(mǎn)足感和成就感，這就是交互中良好的體驗(yàn)，而交互產(chǎn)品反映的事件與用戶(hù)所期望的結(jié)果不同時(shí)，用戶(hù)就會(huì)產(chǎn)生挫敗感。在交互設(shè)計(jì)流程中

7、事件通常以反饋信息或者進(jìn)一步動(dòng)作提示的形式把動(dòng)作結(jié)果反饋給用戶(hù)，所以視覺(jué)形象在此時(shí)要清晰地表達(dá)出反饋結(jié)果或者進(jìn)一步引導(dǎo)和提示用戶(hù)交互。三、交互設(shè)計(jì)后期視覺(jué)因素的整合貝塔朗菲強(qiáng)調(diào)任何系統(tǒng)都是一個(gè)有機(jī)的整體，它不是各個(gè)部分的機(jī)械組合或簡(jiǎn)單相加，系統(tǒng)的整體功能是各要素在孤立狀態(tài)下所沒(méi)有的新質(zhì)，整體功能大于各部分功能之和。在交互設(shè)計(jì)實(shí)施階段，視覺(jué)因素整合作為交互設(shè)計(jì)不可缺少的環(huán)節(jié)尤為重要，此時(shí)應(yīng)該以交互性為前提，把不利于交互產(chǎn)品易用性的不易表達(dá)的視覺(jué)因素舍棄，使得視覺(jué)因素與交互功能完美結(jié)合。而我們的最終交互產(chǎn)品也要求是能夠美感與交互易用性兼顧的交互設(shè)計(jì)產(chǎn)品。四、視覺(jué)因素在交互設(shè)計(jì)流程中的重要性?xún)?yōu)秀的交

8、互設(shè)計(jì)就像婀娜的舞者，用美麗的線(xiàn)條（視覺(jué)因素）和輕盈的舞姿（交互性能）詮釋形式的美感與精神的表達(dá)。沒(méi)有人愿意看到臃腫演員跳芭蕾，不是因?yàn)橛纺[的“丑”，而是因?yàn)榕c內(nèi)容的不適宜。同樣，對(duì)于交互設(shè)計(jì)而言沒(méi)有丑陋的視覺(jué)設(shè)計(jì)，只有與交互性能不適宜的視覺(jué)設(shè)計(jì)。事實(shí)上我們?cè)谛畔⒉蛔愕那闆r下，是通過(guò)封面，判斷一本書(shū)的質(zhì)量；通過(guò)外觀(guān)，判斷一家餐館的檔次；通過(guò)視覺(jué)設(shè)計(jì)判斷一家網(wǎng)站的好壞。如果訪(fǎng)問(wèn)者正在尋找精美的服飾或兒童玩具，他們或許不會(huì)在一家滿(mǎn)眼望去都是灰色調(diào)，視覺(jué)設(shè)計(jì)不鮮明的網(wǎng)站上花費(fèi)時(shí)間。我們?cè)O(shè)計(jì)師努力提升訪(fǎng)問(wèn)者的體驗(yàn)，并不是放棄可用性的標(biāo)準(zhǔn)，我們?cè)O(shè)計(jì)師一直在謀求利用交互設(shè)備的獨(dú)特性，刺激、吸引、愉悅訪(fǎng)問(wèn)者。出色的視覺(jué)設(shè)計(jì)，能夠賦予意義，提供語(yǔ)境，喚起情感，能夠讓更多用戶(hù)在與交互對(duì)象交互中體驗(yàn)到更多滿(mǎn)足感。vr技術(shù)的快速發(fā)展體現(xiàn)了對(duì)人的因素的不斷重視，使人機(jī)交互更接近于自然的形式，使用戶(hù)能利用日常的自然技能，無(wú)須經(jīng)過(guò)特別的努力和學(xué)習(xí)，就可以讓認(rèn)知負(fù)荷降低，工作效率提高。這就更需要交互設(shè)計(jì)中視覺(jué)因素的不斷發(fā)展與補(bǔ)充，形成以視覺(jué)通道為主的各種感覺(jué)通道結(jié)合的交互發(fā)展方向。在vr技