編者按：什么是交互設(shè)計(jì)，交互設(shè)計(jì)師在做什么？他們是如何思考的？今天這篇文章以“我要買一部手機(jī)”為例。帶你從零開始認(rèn)識(shí)交互設(shè)計(jì)師的思考方式。

交互設(shè)計(jì)是什么？

我們常常說(shuō)“我們是用戶的代言人，以用戶為中心做設(shè)計(jì)”、“交互設(shè)計(jì)是信息設(shè)計(jì)＋行為設(shè)計(jì)”等。我們需要明白，這些定義是設(shè)計(jì)師在自我視角下從不同維度對(duì)交互進(jìn)行的定義。

我們是在一個(gè)商業(yè)機(jī)構(gòu)做一個(gè)商業(yè)行為，所以設(shè)計(jì)行為是帶有一定的商業(yè)目的，設(shè)計(jì)的價(jià)值也體現(xiàn)在商業(yè)價(jià)值的實(shí)現(xiàn)上。

所以，在以上大前提下來(lái)看設(shè)計(jì)： 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的，設(shè)計(jì)本身是我們的表達(dá)手段，在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過(guò)程中需要一定的設(shè)計(jì)指導(dǎo)準(zhǔn)則以達(dá)到優(yōu)秀的使用體驗(yàn)。

呆呆：今年是我入行互聯(lián)網(wǎng)的第三個(gè)年頭，成長(zhǎng)也一直伴隨著我。經(jīng)常有小伙伴問(wèn)我：怎么自學(xué)，工作后怎么進(jìn)步。

我一直沒太在意這些問(wèn)題，只是覺得人與人之間總是有區(qū)別的，因?yàn)橛幸活惾耸切袆?dòng)派，想到了就會(huì)去做，即使質(zhì)疑自己的想法，但依然會(huì)保持學(xué)習(xí)的心直接行動(dòng)，害怕想多了反而什么都沒做，浪費(fèi)了時(shí)間；另一類人，心里想著要進(jìn)步，但是從來(lái)不會(huì)去行動(dòng)，而是先找方法，找捷徑，導(dǎo)致最后什么都沒去做，時(shí)間也就浪費(fèi)了。相比前者，這類人已經(jīng)浪費(fèi)了可以進(jìn)步的那些機(jī)會(huì)。

@黃紅藝Designer ：還沒有跨入交互設(shè)計(jì)的門檻時(shí)，總是想明確的知道一些客觀、確定的事情。比如，想知道交互設(shè)計(jì)的具體流程是什么，交互稿到底長(zhǎng)什么樣子，Axure 中的Case 用例怎么用以及加載動(dòng)畫怎么做，總希望有人能給一個(gè)交互設(shè)計(jì)的原型案例作為模板。

本篇教程適用對(duì)象為入門1~2年的設(shè)計(jì)師以及各大院校的設(shè)視覺專業(yè)學(xué)生，通過(guò)講解學(xué)習(xí)方法和思維方式進(jìn)行解析如何快速提升，希望對(duì)大家有些幫助。

今年很多文章都猜測(cè)對(duì)話式交互會(huì)成為2017年熱門趨勢(shì)，但關(guān)于對(duì)話式交互的解讀還不是很多，本文詳細(xì)分析了對(duì)話式交互的優(yōu)缺點(diǎn)和應(yīng)用場(chǎng)景，強(qiáng)烈推薦閱讀。

一、要想火，傍大腿

對(duì)話式交互，顧名思義，就是像兩個(gè)人對(duì)話一樣的交互方式。可以是文字的，也可以是語(yǔ)音的。我們每天都用的微信，你說(shuō)一句，我說(shuō)一句，就是典型的對(duì)話式交互。

編者按：很多新人交互設(shè)計(jì)師做出方案后一直無(wú)法和產(chǎn)品經(jīng)理達(dá)成共識(shí)，而他們可能都沒意識(shí)到，一個(gè)專業(yè)的交互設(shè)計(jì)流程就可以解決大部分問(wèn)題。

王鎮(zhèn)雷：首先，要感謝我的 Leader 和師姐，在他們的幫助下，我才理清了這個(gè)交互設(shè)計(jì)流程。

雖不敢說(shuō)這套方法一定是最優(yōu)的，但至少是我工作以來(lái)一個(gè)專業(yè)上的里程碑。

話不多說(shuō)，直接開講。

日常工作中，常見但錯(cuò)誤的交互設(shè)計(jì)方法有：

• 產(chǎn)品經(jīng)理提了需求，立馬動(dòng)手畫圖；
• 設(shè)計(jì)中才查看競(jìng)品，并且沒有特定分類，想到哪個(gè)看哪個(gè)；
• 執(zhí)著于具體的設(shè)計(jì)細(xì)節(jié)；
• 提交/評(píng)審方案時(shí)，沒有設(shè)計(jì)過(guò)程，直接提供稿子講解結(jié)果。

普通應(yīng)用在起初的三天里每天會(huì)流失77%的日活躍用戶。

        你肯定不想你的公司發(fā)生這樣的事情，為獲得新用戶而投入了眾多資源，而大多數(shù)用戶僅僅在首次訪問(wèn)之后便馬上離開了。如何改善這種情況呢？即你需要通過(guò)創(chuàng)造完美的訪問(wèn)流程為用戶留下非常棒的第一印象。

隨著網(wǎng)絡(luò)傳輸速度的提升，視頻在網(wǎng)頁(yè)中的應(yīng)用越來(lái)越多，也越來(lái)越廣泛，帶寬和流量對(duì)于網(wǎng)頁(yè)視頻的限制已經(jīng)不再像5年前那么明顯。而移動(dòng)端設(shè)備的性能的提升，在移動(dòng)端網(wǎng)頁(yè)中使用視頻也并不顯得吃力。所以，今天我們常常能在不同的網(wǎng)頁(yè)中看到各種不同功用的視頻。

常言道一圖勝千言，而視頻比起圖片所能承載的信息量更大。如果能夠有效的使用視頻，它對(duì)于用戶的吸引力會(huì)非常明顯——它可以更好的傳遞情緒，更加富有表現(xiàn)力，能讓用戶更容易“感受”到你想要傳遞的信息。不過(guò)，相比于其他元素，視頻都比較“重”的媒體，使用的時(shí)候要謹(jǐn)慎。

@薛斯塔 ：交互設(shè)計(jì)師和產(chǎn)品經(jīng)理的協(xié)作問(wèn)題是產(chǎn)品設(shè)計(jì)中的一個(gè)老大難，我在工作中經(jīng)常會(huì)聽到同行對(duì)產(chǎn)品經(jīng)理們的血淚控訴。作為交互設(shè)計(jì)師，學(xué)會(huì)和團(tuán)隊(duì)中不同的角色協(xié)作是我們的專業(yè)能力之一，如何溝通、影響乃至于推動(dòng)自己的設(shè)計(jì)方案進(jìn)行實(shí)施是每一位設(shè)計(jì)師需要去磨練的，這不僅僅是那份執(zhí)著，更是一種技巧。

下面進(jìn)入譯文。

在互聯(lián)網(wǎng)行業(yè)，交互設(shè)計(jì)師還是一個(gè)相對(duì)比較新的職位。因此，在工作中我們常常見到產(chǎn)品經(jīng)理過(guò)多介入交互設(shè)計(jì)師的工作，甚至有的團(tuán)隊(duì)直接讓產(chǎn)品經(jīng)理來(lái)做交互設(shè)計(jì)的工作，這是為什么呢？實(shí)際上，在互聯(lián)網(wǎng)發(fā)展的早期，這確實(shí)是同一個(gè)人的工作！產(chǎn)品經(jīng)理的職能之一就是支持和協(xié)助部署交互設(shè)計(jì)方案，以確保產(chǎn)品的方案可行性。隨著互聯(lián)網(wǎng)的成熟發(fā)展和工作職位的細(xì)分，交互設(shè)計(jì)師這個(gè)被細(xì)分出來(lái)的角色被定位出來(lái)設(shè)計(jì)產(chǎn)品的交互方案是威脅到了產(chǎn)品經(jīng)理的工作范疇。

因此，在日常工作中，產(chǎn)品經(jīng)理和交互設(shè)計(jì)師這對(duì)冤家是一直在暗中腳力的，交互設(shè)計(jì)師的方案每每遭到產(chǎn)品經(jīng)理的質(zhì)疑甚至是無(wú)視，這其中有專業(yè)能力層面的合理分歧，當(dāng)然也夾雜著一些主觀層面的感受之爭(zhēng)，最終導(dǎo)致的是產(chǎn)品經(jīng)理經(jīng)常性的忽視來(lái)自體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的一些方案建議。那么，我們?nèi)绾尾拍芨纳苾烧咧g的合作關(guān)系，從而使兩者能夠客觀的協(xié)作制定合理的體驗(yàn)設(shè)計(jì)方案呢？

@凌霜設(shè)計(jì) （Frog Design交互生）： 作為一名交互設(shè)計(jì)師，如何更好地與項(xiàng)目里的其他人合作？如何更好地利用大家的時(shí)間？團(tuán)隊(duì)經(jīng)理用畫圖的方式跟我解釋了一下，有些問(wèn)題并沒有直接的答案，但是我覺得解釋的方式很有趣，我憑著記憶把它們重新畫了一下，和大家聊聊合作的問(wèn)題。

今天和我的經(jīng)理聊了一下最近工作上發(fā)生的事：上周做了什么，這周和下周準(zhǔn)備要做什么。剛剛結(jié)束了設(shè)計(jì)階段（Design Sprint）1，和客戶開了遠(yuǎn)程會(huì)議，收到了許多的反饋意見，各個(gè)方面的都有。

現(xiàn)在項(xiàng)目正處于一種（我覺得）特別尷尬的階段：視覺設(shè)計(jì)師只出了初步的幾個(gè)概念圖，程序員還在準(zhǔn)備框架，尚未開始寫代碼，但是根據(jù)原先的計(jì)劃，這周就要開始開發(fā)了。作為交互設(shè)計(jì)師，一方面留著一大堆反饋意見還沒有反映到線框圖中，另一方面設(shè)計(jì)階段2的任務(wù)已經(jīng)要來(lái)了。雖然還沒有開始設(shè)計(jì)，但從可能的流程上來(lái)看，任務(wù)量巨大，是一個(gè)特別復(fù)雜的系統(tǒng)，不光是設(shè)計(jì)一個(gè)新的交互方式，還是新的工作方式和商業(yè)模式，心里真沒底。

我把自己的困惑告訴了經(jīng)理：作為一名交互設(shè)計(jì)師，如何更好地與項(xiàng)目里的其他人合作？如何更好地利用大家的時(shí)間？他用了畫圖的方式跟我解釋了一下，有些問(wèn)題并沒有直接的答案，但是我覺得解釋的方式很有趣，我憑著記憶把它們重新畫了一下，和大家聊聊合作的問(wèn)題。

什么是敏捷開發(fā)（Agile）

先說(shuō)一下總體的合作方式，我們用的是敏捷開發(fā)（Agile）的方式。維基百科上是這么解釋的：

敏捷軟件開發(fā)（英語(yǔ)：Agile software development），又稱敏捷開發(fā)，是一種從1990年代開始逐漸引起廣泛關(guān)注的一些新型軟件開發(fā)方法，是一種應(yīng)對(duì)快速變化的需求的一種軟件開發(fā)能力。它們的具體名稱、理念、過(guò)程、術(shù)語(yǔ)都不盡相同，相對(duì)于“非敏捷”，更強(qiáng)調(diào)程序員團(tuán)隊(duì)與業(yè)務(wù)專家之間的緊密協(xié)作、面對(duì)面的溝通（認(rèn)為比書面的文檔更有效）、頻繁交付新的軟件版本、緊湊而自我組織型的團(tuán)隊(duì)、能夠很好地適應(yīng)需求變化的代碼編寫和團(tuán)隊(duì)組織方法，也更注重軟件開發(fā)過(guò)程中人的作用。

如果把這種方法簡(jiǎn)單視覺化一下，就如下圖：