大家好，這里是 TCC 翻譯情報(bào)局，我是張聿彤。隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展，設(shè)計(jì)工具和技術(shù)不斷迭代，協(xié)作方式取得了非常大的進(jìn)步。今年，因?yàn)檫h(yuǎn)程辦公的普及，線上協(xié)作成為了一個(gè)熱門話題，在帶來便利的同時(shí)，也帶來了許多困擾。作者結(jié)合實(shí)際工作經(jīng)驗(yàn)，指出了熱門線上協(xié)作工具的問題所在，給出思路，帶領(lǐng)讀者深入思考協(xié)作的意義，探索更加合適的協(xié)作方式。

是的，這是會引發(fā)爭議的文章之一，如果你是 Figma 的超級粉絲，可能你現(xiàn)在就想向我扔石頭了，對吧？但請稍等一下，先聽我說。

協(xié)作是…

當(dāng)我從 90 年代末開始設(shè)計(jì)職業(yè)生涯時(shí)，協(xié)作僅代表著某人坐在你背后，用手指著笨重灰色 PC 的屏幕說：“把它移到這里！” 然后緊接一句，“不對，移得太過了……”

而他的手指每戳一下，我們的陰極射線管顯示器（CRT，Cathoderaytube）都會在對應(yīng)的地方留下手指的污跡。因此顯示器越臟，就認(rèn)為某人收到的反饋意見越多。你幾乎可以將屏幕上的每個(gè)指紋稱之為現(xiàn)代的 “Figma 評論”（協(xié)作小伙伴留下的備注痕跡）。

但在那之后，協(xié)作方式取得了更大的進(jìn)展。設(shè)計(jì)工具得到發(fā)展，從僅使用 Adobe 的時(shí)代，到最初的 Sketch，然后是 Figma，現(xiàn)在的設(shè)計(jì)工具已經(jīng)向設(shè)計(jì)師展示了全新的工作方式。

△ 在紙上，三個(gè)人做一個(gè)三明治可能是個(gè)好主意

在現(xiàn)代，協(xié)作是一個(gè)熱門話題。某種程度上它被認(rèn)為是 “最先進(jìn)” 的發(fā)明之一。

幾乎每個(gè)和我交談過的 Figma 用戶都會說，他們更喜歡 Figma 的原因是它具有出色的協(xié)作功能。但我覺得 Figma 之所以會受到大家的追捧，更多原因在于它的免費(fèi)計(jì)劃以及 Sketch 軟件對操作系統(tǒng)的限制（Sketch 僅適用于 Mac），但我也理解為什么沒有多少人愿意承認(rèn)這些原因。他們甚至將協(xié)作作為 Figma 官網(wǎng)上的主要營銷內(nèi)容。

△?Figma 官網(wǎng)的頭圖，傳遞了協(xié)作的概念（ https://www.figma.com/ ）

如何展示協(xié)作性？

我不認(rèn)為上面那張圖是展示協(xié)作的正確方法。

為什么呢？

我們可以再看一下上面的圖片。四個(gè)人將不同內(nèi)容拖到統(tǒng)一畫布上的行為并不是協(xié)作。這屬于委員會設(shè)計(jì)類型中的最糟糕的一種，甚至不應(yīng)該再將其稱為設(shè)計(jì)。

（委員會設(shè)計(jì)（design by committee）是貶義詞語，是一種反模式，是指設(shè)計(jì)項(xiàng)目中有多人參與設(shè)計(jì)，而且沒有一致的計(jì)劃或是看法。委員會設(shè)計(jì)屬于民主式的設(shè)計(jì)，這和 design by dictator 獨(dú)裁式設(shè)計(jì)相反，后者是由專案負(fù)責(zé)人決定其設(shè)計(jì)。獨(dú)裁式設(shè)計(jì)在最終設(shè)計(jì)中不考慮成員的意見，由專案負(fù)責(zé)人負(fù)專案成敗的責(zé)任。）

我問了一些有深度使用 Figma 的大型團(tuán)隊(duì)，他們也不認(rèn)為團(tuán)隊(duì)是像上圖所示的那樣使用該工具（各抒已見，沒有統(tǒng)一的管理和決策）。

客戶促成 “改變”

我們通常使用 Sketch 進(jìn)行工作，但如果客戶選擇用 Figma 啟動項(xiàng)目，那這些項(xiàng)目也將在 Figma 中完成。最近有位客戶要求能夠編輯我們創(chuàng)建的 Figma 文件，我們很不情愿地妥協(xié)了，而接下來發(fā)生的就是典型設(shè)計(jì)師的噩夢了。

首先，他們意識到可以在文件中看到設(shè)計(jì)師在工作中實(shí)時(shí)出現(xiàn)的光標(biāo)，因此他們早上登錄后就連續(xù)幾個(gè)小時(shí)追蹤設(shè)計(jì)師的工作，直到我將他們踢出了文件協(xié)作。

這其實(shí)就是老板整日站在你身后并確保你沒有摸魚的微縮管理版本。想象一下，每次打開微博或朋友圈時(shí)，背后都有一個(gè)鞭打你的鞭子。

“這也太棒了吧！我們可以實(shí)時(shí)地看到他在工作！”

那位特定客戶其實(shí)對 Figma，還沒了解到知道實(shí)際怎么使用的程度。他的目的只是希望能夠自己更新線上頁面的副本。（客戶希望加大項(xiàng)目參與度和掌控感，隨處標(biāo)記自己的修改意見，掌控設(shè)計(jì)師工作的進(jìn)度）

然而實(shí)際的大部分情況，他們總是會不小心將整個(gè)模塊移入或移出了畫板，然后就破壞了整個(gè)設(shè)計(jì)。

協(xié)作最重要的部分在于何時(shí)結(jié)束協(xié)作？

針對上述問題的快速解決方案是 —— 僅在完成文件處理后才允許查看文件。但是，當(dāng)文件處理完成后再開放權(quán)限，引發(fā)的設(shè)計(jì)師噩夢也并不罕見。

我四處詢問后發(fā)現(xiàn)，那種 “監(jiān)視你的一舉一動” 的微管理技術(shù)使周圍的設(shè)計(jì)師感到非常受挫。而且，當(dāng)許多人在同一屏幕上（尤其是遠(yuǎn)程）工作時(shí)，還存在潛在的混亂問題。鑒于每個(gè)人工作方式都不一樣，并且絕對會以自己的方式推動設(shè)計(jì)，因此這種云端工作方式也是絕對不可取的。

想象一下 Amy 將每個(gè)人的背景色更改為她喜歡的顏色。

人們?nèi)绾握嬲亻_展協(xié)作？

實(shí)際上真正在用協(xié)作功能時(shí)，人們的協(xié)作方式是完全不一致的。首先，最好的功能是擁有一個(gè)始終同步備份的 “可靠源文件” 文檔。在 Sketch 中，我們選擇 Dropbox 實(shí)現(xiàn)這件事。在其他人加入?yún)f(xié)同前，我們總是確保文件已經(jīng)被保存且關(guān)閉，再允許下一位同事進(jìn)行操作。

顯然，消除 “未實(shí)時(shí)備份” 的問題才是良好協(xié)作的巨大優(yōu)勢，這一點(diǎn)應(yīng)予以強(qiáng)調(diào)。你必須確定文件始終是最新版的，即使創(chuàng)建文檔的人去度假或辭職了也應(yīng)是如此。

任何人都可以簡單地加入并接管。整個(gè)設(shè)計(jì)始終保持同步。難怪 Sketch 也介紹了自己的這一優(yōu)勢，對我而言，這部分是整個(gè) “協(xié)作” 中最具突破性的部分。

我曾經(jīng)和一個(gè)較大體量的團(tuán)隊(duì)交流過，據(jù)說，他們通常最多支持五位設(shè)計(jì)師在同一個(gè)項(xiàng)目中，但一般同一頁面上只會有一位設(shè)計(jì)師。如果是這樣的話，他們每個(gè)人都會分配一個(gè)屬于自己的畫板，用之前已商定的統(tǒng)一設(shè)計(jì)組件庫進(jìn)行設(shè)計(jì)。同樣，如果沒有統(tǒng)一的設(shè)計(jì)組件庫，這將導(dǎo)致混亂和困惑，使每個(gè)人都以自己的方式設(shè)計(jì)元素（故意或忘記一些關(guān)鍵準(zhǔn)則）。畢竟，我們大多都只是普通人類，通常比較健忘，特別是對于細(xì)節(jié)。

△ 設(shè)計(jì)庫（或“系統(tǒng)”）可以通過協(xié)作解決此問題，給出一個(gè)統(tǒng)一的標(biāo)準(zhǔn)

但是，即使有嚴(yán)格規(guī)范的約束，團(tuán)隊(duì)內(nèi)的設(shè)計(jì)師們?nèi)匀恍枰跁h上討論進(jìn)度和問題，統(tǒng)一在屏幕上觀看設(shè)計(jì)經(jīng)理對設(shè)計(jì)進(jìn)行的調(diào)整（項(xiàng)目組內(nèi)的設(shè)計(jì)師一同觀察設(shè)計(jì)經(jīng)理的操作）。

雖然可能仍然不是理想的方式，但是相較而言會好很多。

設(shè)計(jì)者可以看到評論，但是客戶看不到設(shè)計(jì)者正在工作，也無法跟隨光標(biāo)。

評論也是協(xié)作

另一個(gè)很棒但尚未凸顯的示例，是在設(shè)計(jì)中保留上下文注釋。當(dāng)然，幾年前 InVision 便開始使用這種方式，但目前我們?nèi)员仨殲g覽 Web 上的注釋，然后返回 Sketch 進(jìn)行更改，再使用 Craft 進(jìn)行同步。

（Craft 是適用于 Sketch 和 Photoshop 的插件，可幫助優(yōu)化你的設(shè)計(jì)過程。通過 Craft Manager 管理插件，可輕松進(jìn)行更新）

△?Craft 協(xié)作操作頁面展示

在設(shè)計(jì)工具中顯示的注釋將跳過額外步驟，只展示關(guān)鍵信息，幫助你更加輕松地在工具內(nèi)即刻回復(fù)質(zhì)疑與修改校正。最終，節(jié)省了你大量的時(shí)間。

完美收集反饋的流程

但是，當(dāng)添加評論時(shí)看到設(shè)計(jì)師為 “在線編輯文件” 的狀態(tài)時(shí)，會使客戶或利益相關(guān)者不自覺開始進(jìn)行微管理，并產(chǎn)生再次跟隨光標(biāo)的行為。

添加評論的理想方法是創(chuàng)建一種與協(xié)作分開的 “反饋” 模式。在這種模式下，你只能留下評論，但看不到任何人的光標(biāo)。如果設(shè)計(jì)人員進(jìn)行了一些更改，他們?nèi)匀豢梢詫?shí)時(shí)在畫板上進(jìn)行更新，但是它使審閱者可以專注于評論，而不是查看忙碌的蜜蜂在移動的矩形。

每個(gè)人在不同 “頁面” 上完成的實(shí)際設(shè)計(jì)工作，而不是每個(gè)人都在同一畫板上工作。

溝通問題

我認(rèn)為主要問題不在于協(xié)同功能本身（盡管它們確實(shí)需要一些改進(jìn)），而在于它們的呈現(xiàn)方式。

從市場營銷的角度來看，向人們展示在同塊畫板上一起工作當(dāng)然更具吸引力，但在現(xiàn)實(shí)世界中這沒有任何意義，并且可能會給經(jīng)驗(yàn)豐富的設(shè)計(jì)師帶來 “不良影響”。

因此，這些工具應(yīng)該改變之前對協(xié)作的理解，專注于展現(xiàn)這些能力：

• 保證唯一的正確的設(shè)計(jì)源文件
• 能夠輕松反饋和評論
• 使用統(tǒng)一組件庫，分別在獨(dú)立頁面上工作

以上所有甚至其他小功能，都要比在屏幕上展示四個(gè)人同時(shí)在移動四個(gè)模塊，能夠更好地進(jìn)行工作協(xié)同 。因?yàn)樵诂F(xiàn)實(shí)中，你無法期望四個(gè)不同人的思維，能夠達(dá)到我們想要的那種同步程度。我們都是不同的、且獨(dú)一無二的個(gè)體，有自己的做事方法。所有這些使得這種（同時(shí)進(jìn)行操作的協(xié)作）協(xié)作看起來像機(jī)器人般毫無生氣，并且在實(shí)際項(xiàng)目環(huán)境里容易產(chǎn)生混亂。

親歷者的看法：

歡迎關(guān)注作者微信公眾號：「TCC翻譯情報(bào)局」