劉小琳

【摘要】：信息化產(chǎn)品的黑箱操作容易引發(fā)設(shè)計(jì)師和用戶之間的認(rèn)知鴻溝，在交互設(shè)計(jì)中對(duì)產(chǎn)品形態(tài)進(jìn)行視覺(jué)認(rèn)知分析所得結(jié)論可以幫助設(shè)計(jì)師更好地理解用戶行為.運(yùn)用認(rèn)知心理學(xué)中視知覺(jué)的理論研究方法，對(duì)交互設(shè)計(jì)的產(chǎn)品形態(tài)進(jìn)行視覺(jué)分析，得出規(guī)律性結(jié)論，提出了相應(yīng)的設(shè)計(jì)原則，并運(yùn)用案例對(duì)理論進(jìn)行了實(shí)際應(yīng)用分析.研究表明：視覺(jué)形態(tài)認(rèn)知的第一要素是形態(tài)的空間特征識(shí)別，并以極簡(jiǎn)的形式出現(xiàn)；形態(tài)中存在“圖”“底”關(guān)系轉(zhuǎn)化，并可幫助用戶認(rèn)知思維進(jìn)行功能性的轉(zhuǎn)變；交互類產(chǎn)品可以根據(jù)其特點(diǎn)進(jìn)行色彩和形態(tài)有目的性的相互引導(dǎo)；情境對(duì)用戶理解交互過(guò)程至關(guān)重要。

【關(guān)鍵詞】：工業(yè)設(shè)計(jì)；產(chǎn)品交互設(shè)計(jì)；視覺(jué)認(rèn)知；圖底關(guān)系；空間特征

交互設(shè)計(jì)通過(guò)對(duì)數(shù)據(jù)的可視化處理，采用多感交互方式，非線性敘事地向用戶表述產(chǎn)品的全部?jī)?nèi)容.其第一目的是提高產(chǎn)品的工作效率和可用性，而最終是希望用戶可以得到愉悅的用戶體驗(yàn)這是一個(gè)信息交流的過(guò)程，在這個(gè)過(guò)程中通過(guò)具體的感官變化，利用動(dòng)作行為等與產(chǎn)品產(chǎn)生交互.而設(shè)計(jì)符合人的認(rèn)知規(guī)律是交互過(guò)程順利完成的基礎(chǔ)，設(shè)計(jì)者需要了解人類的認(rèn)知規(guī)律，并以此規(guī)律為設(shè)計(jì)原則進(jìn)行設(shè)計(jì)才能夠引導(dǎo)用戶按照產(chǎn)品的敘事思路進(jìn)行操作，不產(chǎn)生“認(rèn)知鴻溝”。眼交互稿的目標(biāo)用戶。

1.要講交互稿，我們先來(lái)看看交互設(shè)計(jì)師的工作流程：

2.交互設(shè)計(jì)師從產(chǎn)品經(jīng)理那里接到需求，跟產(chǎn)品討論之后，首先需要對(duì)需求進(jìn)行設(shè)計(jì)分析。

3.在分析之后，就可以開(kāi)始畫(huà)交互稿了。

4.交互稿完成之后，要把它交接給UI的同學(xué)進(jìn)行界面設(shè)計(jì)，再然后是給開(kāi)發(fā)的同學(xué)進(jìn)行開(kāi)發(fā)、測(cè)試的同學(xué)進(jìn)行測(cè)試。

5.從這里可以看出，交互稿文檔的主要「目標(biāo)用戶」是產(chǎn)品、UI、開(kāi)發(fā)和測(cè)試。其實(shí)仔細(xì)想想，交互設(shè)計(jì)師的職責(zé)，就是把一個(gè)功能給說(shuō)清楚。

6.產(chǎn)品同學(xué)需要知道這個(gè)交互稿是否包含了所有的功能點(diǎn)。

7.UI同學(xué)需要知道這個(gè)功能都包含哪些界面，每個(gè)界面的元素都有什么，元素的狀態(tài)都有什么。

8.開(kāi)發(fā)、測(cè)試同學(xué)需要知道功能的流程是什么，點(diǎn)擊了頁(yè)面的元素會(huì)有怎樣的反應(yīng)。

所以，以上這些信息都必須包含在交互稿中。明白交互稿的目標(biāo)用戶對(duì)于畫(huà)出高質(zhì)量的交互稿十分重要。

交互稿的必備信息上面我們提到交互設(shè)計(jì)師產(chǎn)出的交互稿是給誰(shuí)看的。我們來(lái)總結(jié)一下，上面提到的交互稿中必須包含的信息有：

1.界面展現(xiàn)完整的流程。

2.界面以及界面中的元素展現(xiàn)需求的所有功能點(diǎn)。

3.界面中元素的各種狀態(tài)。

4.元素操作后的效果。

對(duì)于第一點(diǎn)展現(xiàn)完整的流程，如果這個(gè)功能比較復(fù)雜，流程比較長(zhǎng)或者流程中邏輯比較多，則可以附上流程圖，方便產(chǎn)品、開(kāi)發(fā)、測(cè)試同學(xué)理解；而對(duì)于一般相對(duì)簡(jiǎn)單的功能，依據(jù)你使用的交互稿的作圖工具，分以下兩種情況：

如果你使用的是Sketch，那么可以把所有的界面都平鋪在一張圖里，UI、開(kāi)發(fā)的同事通過(guò)圖中的主要界面就可以get到流程；如果你使用的是Axure，建議Axure里的一個(gè)頁(yè)面只展現(xiàn)一個(gè)界面或分支流程（好處是可以充分展現(xiàn)一個(gè)界面或分支流程的各種狀態(tài)，展現(xiàn)十分清晰），此時(shí)，流程是通過(guò)Axure左邊的樹(shù)狀結(jié)構(gòu)來(lái)展現(xiàn)的。

在視覺(jué)認(rèn)知研究中，可以得出這樣的結(jié)論：對(duì)于對(duì)象的真實(shí)形態(tài)并不一定是真實(shí)的形態(tài)，一件物體的真實(shí)形態(tài)是由它的基本空間特征所構(gòu)成的.例如，當(dāng)一個(gè)人看到一個(gè)盤(pán)旋上升的樓梯時(shí)，當(dāng)一個(gè)人看到螺旋樓梯時(shí)，在他腦海中的印象是一個(gè)螺旋形狀與螺旋性質(zhì)和向上的潛力，因此，產(chǎn)品通過(guò)視覺(jué)認(rèn)知，給人的第一印象主要是由其基本的空間特征影響的。

人的視覺(jué)在最初認(rèn)知一個(gè)物體時(shí)，往往在很短的時(shí)間內(nèi)就可以形成一個(gè)相對(duì)完整的最初印象，可視為對(duì)產(chǎn)品的最初認(rèn)知過(guò)程.這個(gè)最初印象在客觀信息的傳遞下可迅速形成主觀判斷，主觀判斷對(duì)于人接下來(lái)是否接受該事物起到了非常重要的影響.對(duì)于產(chǎn)品而言，第一印象形成的主觀判斷越清晰且與客觀事實(shí)越接近，就越可以使用戶從心理上產(chǎn)生積極的情緒，順利地進(jìn)行下一步認(rèn)知和操作.如果人的主觀判斷混沌或產(chǎn)生誤差，用戶會(huì)產(chǎn)生消極的受挫情緒，在接下來(lái)的認(rèn)知過(guò)程中會(huì)很艱難地糾正這種主觀判斷并導(dǎo)入正軌，使用戶重新正確接收該產(chǎn)品。

所以明晰正確地傳達(dá)給用戶該產(chǎn)品的第一印象，使之形成正確的主觀判斷是通往成功交互的第1步，也是視覺(jué)形態(tài)認(rèn)知中的第一要素.交互設(shè)計(jì)包含著實(shí)現(xiàn)可用性以及提升交互主體的體驗(yàn)性等多方面目的，涉及多學(xué)科的交叉研究，在設(shè)計(jì)美學(xué)領(lǐng)域?qū)换ピO(shè)計(jì)的相關(guān)探討，不應(yīng)局限于功能和形式之美感的應(yīng)用表達(dá)，還應(yīng)涉及并探究其更深層次的意涵。本文嘗試從設(shè)計(jì)美學(xué)中自由的意象的表達(dá)，交互設(shè)計(jì)對(duì)人的關(guān)注，以及自由的意象在交互設(shè)計(jì)美學(xué)中的表現(xiàn)這三方面，遞進(jìn)探析交互設(shè)計(jì)美學(xué)中所包含的更深層的研究對(duì)象，提出自由的意象在交互設(shè)計(jì)美學(xué)中的表現(xiàn)，分析其表現(xiàn)特點(diǎn)，并結(jié)合人的自由動(dòng)向分析，把握自由的意象在交互設(shè)計(jì)美學(xué)中的應(yīng)用與轉(zhuǎn)化，嘗試為交互設(shè)計(jì)美學(xué)提供新的研究視角。交互設(shè)計(jì)關(guān)注物質(zhì)、能量和信息三個(gè)方面，其中以信息最為關(guān)鍵。信息的流動(dòng)構(gòu)成了人造系統(tǒng)與互動(dòng)個(gè)體的交流互動(dòng)，把握信息這一設(shè)計(jì)要素才能夠?qū)崿F(xiàn)設(shè)計(jì)師預(yù)期的產(chǎn)品可用性和良好的用戶體驗(yàn)。信息的流動(dòng)和人的動(dòng)向相似，都需要?jiǎng)討B(tài)地把握。一直以來(lái)，傳統(tǒng)的交互設(shè)計(jì)以人作為互動(dòng)主體，而將人作為設(shè)計(jì)核心的要義在于設(shè)計(jì)本身之于人的意義，同時(shí)，人的行為特征、自由特性以及人的意向又有有意義和無(wú)意義之分，這些特征和特性在不同的交互環(huán)境中則應(yīng)根據(jù)具體情境分析設(shè)計(jì)時(shí)要關(guān)注人的哪一方面或哪幾方面的動(dòng)向，分析在交互行為中的互動(dòng)主體——人的動(dòng)向和特征，追其根本，人的意向可分為功能性信息的獲得和審美性信息的需求，并在交互行為中獲得自我主觀意義的確證。交互設(shè)計(jì)中對(duì)人的意向的關(guān)注，體現(xiàn)在關(guān)注交互主體功能性信息的獲得和審美性信息的需求動(dòng)向，令交互過(guò)程中的信息流融貫其中，可以提高用戶可用性并提升用戶體驗(yàn)。把握交互設(shè)計(jì)過(guò)程中交互主體——人的動(dòng)向的實(shí)在性和虛擬性，前者體現(xiàn)了交互主體意向的功能性信息的獲得，后者則體現(xiàn)了交互主體審美性信息的需求，運(yùn)用外在化視角分析人動(dòng)向的實(shí)在性，同時(shí)運(yùn)用內(nèi)在化視角分析人動(dòng)向的虛擬性，二者結(jié)合用于分析交互設(shè)計(jì)和交互體驗(yàn)，從而體現(xiàn)人的自由本質(zhì)。

通過(guò)分析設(shè)計(jì)美學(xué)中自由的意象的表達(dá)，交互設(shè)計(jì)對(duì)人的意向的關(guān)注，以及自由的意象在交互設(shè)計(jì)美學(xué)中的表現(xiàn)，發(fā)現(xiàn)交互設(shè)計(jì)中對(duì)自由的意象的把握與交互主體的自由意志密不可分。關(guān)注交互主體意向的實(shí)在性和虛擬性，分析得到交互設(shè)計(jì)所關(guān)注的交互主體意向的功能性信息的獲得和審美性信息的需求。而意象和交互設(shè)計(jì)的共通之處在于對(duì)人的自由意志的把握，因此，掌握了自由的意象在交互設(shè)計(jì)美學(xué)中變化性和無(wú)形性的特征表現(xiàn)，在后續(xù)的交互設(shè)計(jì)上可獲得啟發(fā)，即交互設(shè)計(jì)的過(guò)程并非以機(jī)器語(yǔ)言為主宰的模式框架，而是以交互主體——人為核心。將自由的意象這一富于變化和無(wú)形的審美感性因素考慮在設(shè)計(jì)過(guò)程之中，預(yù)設(shè)和分析交互主體在交互過(guò)程之前的愿景和交互過(guò)程之中自我實(shí)現(xiàn)的感性因素，運(yùn)用轉(zhuǎn)化的方式以意象表達(dá)意義，同時(shí)也將意象轉(zhuǎn)化為設(shè)計(jì)的實(shí)在，這是對(duì)當(dāng)今交互設(shè)計(jì)提出的更高的要求。對(duì)人的自由動(dòng)向的把握和自由的意象在交互設(shè)計(jì)美學(xué)中的應(yīng)用與轉(zhuǎn)化，也為交互設(shè)計(jì)美學(xué)的探討提供了新的視角。

基本的空間設(shè)計(jì)關(guān)系，以交互為主的產(chǎn)品在進(jìn)行設(shè)計(jì)時(shí)能在用戶首次接觸產(chǎn)品時(shí)就在潛意識(shí)里為使用時(shí)的互動(dòng)埋下伏筆.仍以上述盤(pán)旋式樓梯為例，其形態(tài)的基本空間特征是上升螺旋，人得到的主觀判斷也是如此，此刻人在心理上對(duì)該形態(tài)產(chǎn)生審美感知的同時(shí)，在潛意識(shí)里得到了上升這樣一個(gè)動(dòng)作概念，很好地支持了進(jìn)一步了解樓梯細(xì)部形態(tài)之后的攀登行為.對(duì)于以外在結(jié)構(gòu)作為形態(tài)基本空間特征的產(chǎn)品，很容易達(dá)到與交互行為的一致性。