淺談交互設計流程中的視覺因素

丁男

【摘 要】交互設計中的視覺因素要符合交互產品的交互性，在交互設計流程中優秀的視覺設計能精確與高效地傳遞信息與任務，從而能夠清晰地表達交互意圖。

【關鍵詞】交互設計；UI；草圖設計

中圖分類號：J524 文獻標志碼：A 文章編號：1007-0125（2016）12-0150-02

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

一、交互設計草圖的視覺因素作用

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

二、交互設計視覺因素表達交互意圖的方式

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

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

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

（二）動作，產生事件的交互操作過程稱為動作。

動作作為產生事件的交互操作過程，完全由用戶引發，是交互過程中的中心環節，視覺設計在交互動作中應該以視覺因素引導和提示的方式給予用戶交互方向的說明，并且通過符號、圖形、顏色幫助用戶方便而滿足地完成交互。

（三）事件，用戶與交互對象產生動作即交互時產生的操作結果稱為事件。

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

三、交互設計后期視覺因素的整合

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

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

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

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

參考文獻：

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

作者簡介：

丁 男，遼寧師范大學計算機與信息技術學院。