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

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

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

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

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

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

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

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

IxD指的是交互設(shè)計(jì)（Interaction Design），VD指的是視覺(jué)設(shè)計(jì)（Visual Design）,Dev指的是開(kāi)發(fā)（Development）。ABCDE在這里代表的是不同的階段或任務(wù)，在frog我們叫做設(shè)計(jì)階段（直接翻譯可能是設(shè)計(jì)沖刺Design Sprint）。

這個(gè)圖的意思就是：當(dāng)一個(gè)設(shè)計(jì)階段A結(jié)束時(shí)，交互設(shè)計(jì)師就會(huì)把工作移交給視覺(jué)設(shè)計(jì)師進(jìn)行A的設(shè)計(jì)，同時(shí)開(kāi)始B的交互設(shè)計(jì)；視覺(jué)設(shè)計(jì)師隨后對(duì)A進(jìn)行視覺(jué)設(shè)計(jì)，然后交給程序員進(jìn)行A的開(kāi)發(fā)；當(dāng)程序員進(jìn)行A的開(kāi)發(fā)的時(shí)候，交互設(shè)計(jì)師的B也做好了，然后轉(zhuǎn)交給視覺(jué)設(shè)計(jì)師……如此往復(fù)，敏捷開(kāi)發(fā)的最大的特點(diǎn)就是不需要設(shè)計(jì)師把ABCDE全部設(shè)計(jì)完后才開(kāi)始設(shè)計(jì)，而是在某個(gè)階段結(jié)束后就開(kāi)始進(jìn)行軟件開(kāi)發(fā)。

什么是瀑布式開(kāi)發(fā)（Waterfall Model）

與之相悖的方法叫做瀑布式開(kāi)發(fā)（Waterfall Model），維基百科解釋如下：

瀑布模型（或稱瀑布式開(kāi)發(fā)流程）是由W.W.Royce在1970年首次提出的軟體開(kāi)發(fā)模型，在瀑布模型中，軟件開(kāi)發(fā)被分為需求分析，設(shè)計(jì)，實(shí)現(xiàn)，測(cè)試（確認(rèn)），集成，和維護(hù)這樣的步驟依序進(jìn)行。

糾結(jié)的交互設(shè)計(jì)師

敏捷開(kāi)發(fā)現(xiàn)在運(yùn)用得越來(lái)越廣，但是據(jù)（經(jīng)理）說(shuō)卻讓設(shè)計(jì)師更加糾結(jié)，這一點(diǎn)我確實(shí)有體會(huì)到。因?yàn)槿蝿?wù)被劃分成了一個(gè)一個(gè)小階段，時(shí)間又很緊。我覺(jué)得任務(wù)A還沒(méi)做完時(shí)，就必須開(kāi)始做B，把A移交給其他人去做他們?cè)撟龅氖铝?。而隨著任務(wù)BCD的進(jìn)行，可能是需求變了，可能是視覺(jué)或開(kāi)發(fā)遇到了問(wèn)題，經(jīng)常還要回頭去改A，一旦交互改了，后面的視覺(jué)設(shè)計(jì)、開(kāi)發(fā)也要跟著改。因?yàn)闆](méi)有足夠的時(shí)間去思考透徹A甚至全局，導(dǎo)致回頭修改之前的設(shè)計(jì)的幾率大大增加。

更糟糕的情況可能是當(dāng)你做完了ABCDE，卻發(fā)現(xiàn)事情遠(yuǎn)遠(yuǎn)沒(méi)有那么簡(jiǎn)單，其實(shí)還需要做FG等等才能把整個(gè)流程設(shè)計(jì)完畢（如下圖）。怎么辦？

可惜，并沒(méi)有直接的解決辦法！有兩種可能解決的方法：

1. 交互設(shè)計(jì)師早一點(diǎn)開(kāi)始，先把ABC都設(shè)計(jì)得差不多了，才移交給視覺(jué)和開(kāi)發(fā)。這樣做的原因是，給交互設(shè)計(jì)師更多的時(shí)間去理解問(wèn)題，嘗試解決多個(gè)方案，把整個(gè)的設(shè)計(jì)概念調(diào)整得差不多了，才交給視覺(jué)開(kāi)始做更高保真的界面圖（comps）。
2.交互設(shè)計(jì)師和視覺(jué)設(shè)計(jì)師更緊密地在一起工作，減少交互和視覺(jué)之間的時(shí)間間隔。更早地看到高保真（high fidelity）的界面圖，有問(wèn)題可以立即調(diào)整，然后再把已經(jīng)比較成熟的方案移交給程序員。

切忌走得太深

再談?wù)勎壹m結(jié)的“還沒(méi)設(shè)計(jì)完善就就要進(jìn)入下一步”的感覺(jué)。之前在我的心目中，交互設(shè)計(jì)師把線框圖畫(huà)完，整個(gè)設(shè)計(jì)的基本框架就定下來(lái)了，包括信息架構(gòu)、交互模型（interaction model）、主要的模板，視覺(jué)設(shè)計(jì)師只是在線框之上錦上添花，表達(dá)更多的東西。而現(xiàn)在我移交給視覺(jué)設(shè)計(jì)師的線框圖非常地低保真（low fidelity）。有些交互模型還不是最佳的選擇，有些頁(yè)面的非主要信息還沒(méi)加上去，排版也不是特別好看，總之許多細(xì)節(jié)沒(méi)有敲定。而之前在學(xué)校做項(xiàng)目基本上是一人全部操辦，做完了線框圖馬上就做視覺(jué)稿了，甚至直接作出的線框圖就挺簡(jiǎn)單好看了。我的經(jīng)理給我的建議是，不要在一個(gè)小流程里做得太深入。打個(gè)比方，假設(shè)這是你作為一名設(shè)計(jì)師可以做出的深度：

現(xiàn)在，作為一名交互設(shè)計(jì)師，要想辦法把一部分工作讓出來(lái)，給視覺(jué)設(shè)計(jì)師，自己只做到這么深就夠了：

交互設(shè)計(jì)師只負(fù)責(zé)低保真的線框圖，讓視覺(jué)設(shè)計(jì)師自己去操心怎么做出高保真的圖來(lái)。這么做的原因有二：

1. 這體現(xiàn)了交互設(shè)計(jì)師對(duì)視覺(jué)設(shè)計(jì)師的尊重。讓視覺(jué)做自己擅長(zhǎng)的事去，不必要越俎代庖，把別人的活也干了。
2. 交互設(shè)計(jì)師節(jié)省了糾結(jié)細(xì)節(jié)的時(shí)間，把主要的精力放在“解決問(wèn)題”上面去。讓自己的頭腦一直處于“解決問(wèn)題”的模式。有利于項(xiàng)目整體的效率和成功。

初級(jí)交互設(shè)計(jì)師應(yīng)走得寬

公司對(duì)于初高級(jí)設(shè)計(jì)師的期待是不同的。初級(jí)設(shè)計(jì)師應(yīng)在同一個(gè)問(wèn)題上走得更寬。假設(shè)下圖反映的是同一個(gè)問(wèn)題的不同解決方案ABC：

假設(shè)現(xiàn)在有一個(gè)問(wèn)題要解決，隨便舉個(gè)例子吧：如何讓用戶把商品放入購(gòu)物車？一般來(lái)說(shuō)，初級(jí)交互設(shè)計(jì)師會(huì)給出1-3個(gè)解決方案，這三個(gè)方案可能有的非常直接，可以做得很深入，有些比較麻煩，做得比較淺。有個(gè)幾個(gè)方案后，會(huì)選出一個(gè)來(lái)更深入地探索。然而，如果是更優(yōu)秀的初級(jí)設(shè)計(jì)師，應(yīng)走得更寬一些。同一個(gè)問(wèn)題，可能會(huì)想出ABCDEFG7個(gè)方案，這當(dāng)中肯定會(huì)有一些看起來(lái)很荒謬或者行不通的方案，比如E。但是方案E中的某一個(gè)點(diǎn)很好，最后選中繼續(xù)發(fā)展的方案可能是A中的一部分，加上了E中的一點(diǎn)，一個(gè)有突破性的好設(shè)計(jì)就這么誕生了。這一切的根基則在于能夠產(chǎn)生足夠多的點(diǎn)子來(lái)挑選。

我身陷泥淖，你放心飛吧

關(guān)于為什么要把交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)分開(kāi)，讓不同的人負(fù)責(zé)，經(jīng)理打了個(gè)比喻，我覺(jué)得很有意思：

交互設(shè)計(jì)師生活在重力加速度g等于地球的10倍的地方，處理的是那些的最沉重最糾結(jié)的問(wèn)題（heavy things）。視覺(jué)設(shè)計(jì)師則生活在加速度g等于地球1/6的地方，他們輕得可以飛起來(lái)。只有我們（交互設(shè)計(jì)師）竭盡全力在g等于10倍的地方把問(wèn)題處理好了，他們（視覺(jué)設(shè)計(jì)師）才能夠飛得更高、更自由。（我：那我可以理解為，我們使用的是不同的大腦半球嗎？）部分是這樣，但是在交互設(shè)計(jì)師在對(duì)解決方案進(jìn)行發(fā)散分析的時(shí)候（所謂“走得寬”），也會(huì)用到右腦。

畫(huà)了個(gè)簡(jiǎn)單的示意圖表示如下：

那么，就讓我專心地在泥淖中越陷越深，而你放心飛吧?。海?/span>