交互思維僅是一種被動(dòng)技能，被動(dòng)技能的觸發(fā)是無意識(shí)，且根據(jù)經(jīng)驗(yàn)的加持而產(chǎn)生疊加傷害效果的。跟主動(dòng)觸發(fā)技能不同，它沒有實(shí)際可見的按鍵給予玩家控制。但是根據(jù)技能等級(jí)的提升，傷害效果也是持續(xù)增加的。

比如場(chǎng)景分析、競(jìng)品分析、用戶調(diào)研等，都是實(shí)際可見的方法論，通過反復(fù)操練逐步提升熟練度。但是交互思維是不可見的，它隱含于設(shè)計(jì)師輸出物的內(nèi)在表現(xiàn)上，如合理性、商業(yè)性、可用性等等。它不僅是設(shè)計(jì)師自身經(jīng)驗(yàn)的表現(xiàn)，也是體現(xiàn)設(shè)計(jì)師綜合能力的重要模塊。

它具體指什么？如何提升？

關(guān)于「交互思維」

1989 年，Gillian Crampton-Smith 創(chuàng)建交互設(shè)計(jì)教育的初始名為「計(jì)算機(jī)相關(guān)的設(shè)計(jì)」，后來改名為「交互設(shè)計(jì)」。

所以早期人們聊到的交互設(shè)計(jì)，更多的是與計(jì)算機(jī)有關(guān)的，比如系統(tǒng)或設(shè)備。但是隨著交互設(shè)計(jì)這個(gè)概念的普及，其應(yīng)用范圍也被擴(kuò)展，包括「視覺設(shè)計(jì)」領(lǐng)域。

區(qū)別無非是這個(gè)過程是從有用性，可用性和情感因素等方面來優(yōu)先評(píng)估設(shè)計(jì)質(zhì)量，而不單單是「審美效果」層面。

有經(jīng)歷的朋友應(yīng)該經(jīng)常與業(yè)務(wù)人員因?yàn)橐曈X界面的「不同效果」而發(fā)生爭(zhēng)執(zhí)，原因基本可以概括為各自對(duì)界面或圖片所傳達(dá)的意思有不同的理解。

從這點(diǎn)可以看出，用戶界面或視覺產(chǎn)出物本身也是為了達(dá)到某種目的的自然體現(xiàn)，而這種通過設(shè)計(jì)手段解決問題的過程，本身就是一種「交互設(shè)計(jì)」—— 對(duì)信息進(jìn)行內(nèi)容分布，傳遞給目標(biāo)用戶。

所以任何商業(yè)視覺產(chǎn)出物，都能算作是交互設(shè)計(jì)的一種結(jié)果，包括這些視覺可見，與人產(chǎn)生「信息交流」的產(chǎn)出物。從這點(diǎn)可以看出，視覺設(shè)計(jì)師本身是具備「交互思維」的。

從表面上理解，它們是 A 和 B 之間發(fā)生的互動(dòng)行為，他們可以是人與人，也可以是人與物。

比如，你出門買早飯，「告訴」對(duì)方要什么，對(duì)方接收到你的信息并將你需要的餐點(diǎn)拿給你，這就是一個(gè)完整的交互過程。

或者不同視覺設(shè)計(jì)師針對(duì)同一個(gè)功能所設(shè)計(jì)出的不同界面，也是各自對(duì)功能的不同理解，以至于所呈現(xiàn)出不同的效果圖。

所以一般設(shè)計(jì)師，包括商業(yè)視覺設(shè)計(jì)師或 UI 等等，在工作過程中產(chǎn)出的作品一定是包含「交互思維」的。只是不自知，也沒有建立系統(tǒng)性認(rèn)知。

舉個(gè)極端例子，如下圖：

兩張海報(bào)都在傳達(dá)各自的意思。

雖然每張海報(bào)都是不同設(shè)計(jì)師設(shè)計(jì)出來的，但是他們都有各自的目的。比如英勇無畏、心懷祖國、懷抱世界等等。

所以各位看到「交互思維」目前在任何領(lǐng)域都成了不可以避免的話題。餐飲、服飾、出行等等。唯一區(qū)別在于顯意識(shí)和無意識(shí)，有些人知道自己具備，有些人不知道罷了。

但是不能說交互設(shè)計(jì)就是用戶界面設(shè)計(jì)，甚至是視覺設(shè)計(jì)。它只是幫助設(shè)計(jì)師在信息呈現(xiàn)的結(jié)果上，表達(dá)出一種合理化的趨勢(shì)，而不僅僅是自嗨。

所以要具備「交互思維」，首先要明確設(shè)計(jì)的目的。

如何提升？

這里給出怎么提升的方法。

開頭說到，「交互思維」是被動(dòng)技能，原因是不可見，但有實(shí)際效果。

是什么意思呢？就是具備交互思維的設(shè)計(jì)師，在工作中所呈現(xiàn)的內(nèi)容結(jié)果，是有思考過程的。比如視覺稿可讀性高，信息接受度強(qiáng)，符合用戶審美等等。如果是純粹的藝術(shù)作品，是不具備這些特點(diǎn)的。

包括產(chǎn)品設(shè)計(jì)中，一個(gè)功能首先要能用、好用，好不好看是次要的。對(duì)于交互設(shè)計(jì)來說，解決問題才是最優(yōu)先的。但是放眼任何行業(yè)「解決問題」都是核心，包括視覺設(shè)計(jì)。

所以延伸出來，解答這個(gè)問題的第一層意思：交互思維，應(yīng)該是幫助視覺設(shè)計(jì)師解決信息傳遞的問題的。

要做到這個(gè)程度，已經(jīng)不單是技法的提升了，它是設(shè)計(jì)師綜合能力的體現(xiàn)。

除了視覺設(shè)計(jì)師本身具備的「美學(xué)知識(shí)」外，交互思維還應(yīng)該從以下兩大領(lǐng)域出發(fā)進(jìn)行學(xué)習(xí)：

人——心理學(xué)、社會(huì)學(xué)、人類學(xué)；

機(jī)——計(jì)算機(jī)、工設(shè)；

學(xué)這些的目的是，讓設(shè)計(jì)師在遵循自身的設(shè)計(jì)理念外，再從計(jì)算機(jī)以及人的角度出發(fā)，去思考問題。

意為：通過對(duì)人（用戶）的了解，幫助他們解決機(jī)器（產(chǎn)品、圖片等）的使用/理解難題，解決手段是設(shè)計(jì)。

所以「交互思維」的提升，就是讓人與物或人與人之間，更流暢的進(jìn)行「對(duì)話」。

無論是視覺稿還是其他內(nèi)容，設(shè)計(jì)師要多問自己：用戶在看這張圖時(shí)，他了解到哪些信息，他會(huì)怎么做，他的感受如何。

這就是所謂「交互思維」的提升。你的設(shè)計(jì)稿越易理解，被業(yè)務(wù)方可接受的機(jī)會(huì)也越高。

除了對(duì)上面提到的三大領(lǐng)域的學(xué)習(xí)之外，平時(shí)看文章，看案例要多問為什么，以及怎么樣能更好。來提升自己思考問題的方式，對(duì)問題的解法進(jìn)行多角度的訓(xùn)練。

案例補(bǔ)充

用銀行卡從自動(dòng)取款機(jī)（ATM）里取出現(xiàn)金，用戶實(shí)現(xiàn)這個(gè)目標(biāo)的過程，也是在用戶界面的支持下解決這個(gè)問題的過程。在這個(gè)過程中，用戶要正確完成如下的一系列動(dòng)作：

插入卡片

輸入密碼

按“快速取款”按鈕

按“確定”按鈕

取出現(xiàn)金

拿出銀行卡

拿出回執(zhí)

一般設(shè)計(jì)師在設(shè)計(jì)這個(gè)操作界面的思路就是界面本身，比如插入卡片提示界面。具備「交互思維」的設(shè)計(jì)師除了針對(duì)于界面本身進(jìn)行設(shè)計(jì)外，還需要思考用戶是否知道「卡片插入」的入口，是否要基于明示，或者「輸入密碼」完密碼，是否有等待提示，等待提示的內(nèi)容應(yīng)該是什么？數(shù)字？文案？

又或者是用戶取出現(xiàn)金后，是否在界面上提示用戶取走銀行卡，如何提示？是在一個(gè)界面里簡(jiǎn)單拔卡圖片，還是通過圖片加文字的結(jié)合說明？等等。

這些不僅僅是產(chǎn)品或交互思考的問題，視覺設(shè)計(jì)師也應(yīng)該思考其原因。

雖然部分視覺設(shè)計(jì)師認(rèn)為不需要思考，只需要根據(jù)產(chǎn)品的原型出圖，安安靜靜做一個(gè)美工就可以。但其實(shí)在作圖的過程中，這些問題早就已經(jīng)呈現(xiàn)在設(shè)計(jì)師的腦海里了，否則「插入卡片」的提示是如何設(shè)計(jì)出來的？填色？得了吧~~

這個(gè)世界上本沒有「美工」，只是自嘲的人多了，也就有了「美工」。

不過學(xué)習(xí)是一個(gè)辛苦的過程，加油哦，嘻嘻~~~

應(yīng)該就是這樣了。

原創(chuàng)： 呆呆U理

封面圖片來源：Dribbble Vivek