大多數(shù)跨國(guó)合作公司在溝通時(shí)通常會(huì)采用到郵件或者是視頻開會(huì)的方式。但是仍然有很多問題不可避免的，今天作者就對(duì)一款辦公產(chǎn)品進(jìn)行了測(cè)評(píng)，希望能提高你的工作效率。

作為一名用戶體驗(yàn)設(shè)計(jì)師，參加各種各樣的會(huì)議構(gòu)成一周工作大部分時(shí)間，一個(gè)項(xiàng)目的推進(jìn)離不開大家的共同協(xié)作。

身在外企，我們要與不同國(guó)家（時(shí)區(qū)）不同部門的同事協(xié)作，Teams是每天必使用的軟件，但是我在工作中意識(shí)到這樣的問題：

• 很多時(shí)候，我們被拉進(jìn)一個(gè)冗長(zhǎng)的但是與自己的工作相關(guān)度不高的會(huì)議中時(shí)。比如被拉進(jìn)一個(gè)開發(fā)者和產(chǎn)品的項(xiàng)目討論會(huì)中，UX設(shè)計(jì)師只是在提到其中一個(gè)小功能更新時(shí)，有參與進(jìn)來(lái)，在剩余的其他時(shí)間內(nèi)，UX既聽不明白更無(wú)法參與到什么，比較浪費(fèi)時(shí)間。
• 由于同事們身處時(shí)區(qū)不同，比如中國(guó)和德國(guó)差了6個(gè)小時(shí)，所以與外國(guó)同事的會(huì)議只能安排在下午兩點(diǎn)之后。有時(shí)候第二天才能處理對(duì)方在下午發(fā)出的郵件，時(shí)間差也導(dǎo)致了工作效率沒有那么高。
• 除了時(shí)間上的不高效，實(shí)時(shí)會(huì)議上大家的想法和靈感并沒有完全表達(dá)出來(lái)。比如說，突然提出一個(gè)問題，問大家的看法。一方面，因?yàn)闀r(shí)間上的倉(cāng)促，想法無(wú)法立刻快速的整理與充分表達(dá)（開會(huì)時(shí)臨時(shí)被提問只能口頭言語(yǔ)表達(dá)，有一些比較抽象的想法需要借助視覺具象才能讓他人理解，沒有足夠的時(shí)間去準(zhǔn)備）。
• 在一個(gè)大的團(tuán)隊(duì)中，成員會(huì)因?yàn)椴淮_定自己的想法是否正確（沒有所謂的正確和錯(cuò)誤的想法，只有合不合適，但是我們?cè)谔岢鱿敕ǖ臅r(shí)候，容易先質(zhì)疑一下自己，不敢分享自己所謂有些自己認(rèn)為“錯(cuò)誤”的想法）所以可能并不會(huì)說出自己的想法。

在這樣的情況下，項(xiàng)目的推進(jìn)十分緩慢，甚至因此耽擱下來(lái)。

無(wú)意中看到Bubble——一款針對(duì)性解決此痛點(diǎn)的非實(shí)時(shí)協(xié)作軟件，我們來(lái)看看它是如何設(shè)計(jì)解決這個(gè)問題的。

一、閱讀須知

1. 時(shí)長(zhǎng)說明

全文共約4000字，深度閱讀本文大約需要15分鐘。

2. 觀點(diǎn)闡述

本文所有觀點(diǎn)不代表公司，僅個(gè)人觀點(diǎn)；本文中的所有觀點(diǎn)沒有任何產(chǎn)品偏向，僅站在一個(gè)用戶的角度來(lái)分析產(chǎn)品。

3. 適合人群

• UI/UX體驗(yàn)設(shè)計(jì)師：跳出設(shè)計(jì)執(zhí)行層，去思考團(tuán)隊(duì)協(xié)作軟件背后的設(shè)計(jì)策略，提升產(chǎn)品設(shè)計(jì)分析能力
• 產(chǎn)品/運(yùn)營(yíng)經(jīng)理：通過全面的產(chǎn)品設(shè)計(jì)拆解、用戶邏輯分析，獲取產(chǎn)品設(shè)計(jì)參考
• 協(xié)作軟件從業(yè)者：通過對(duì)Bubble的分析，獲取競(jìng)品邏輯參考

二、行業(yè)介紹

1. 異步協(xié)作（非實(shí)時(shí)協(xié)作）

平時(shí)大家開會(huì)用的Teams、Zooms、騰訊會(huì)議等等，視頻語(yǔ)音會(huì)議都是實(shí)時(shí)發(fā)生的，大家的溝通是即時(shí)反饋的，這叫同步協(xié)作（Real TimeCollaboration）。

非實(shí)時(shí)協(xié)作：也叫異步協(xié)作（Asynchronous Collaboration），指借助某一媒介進(jìn)行的非實(shí)時(shí)協(xié)作，發(fā)起一次協(xié)作中會(huì)有意預(yù)留出延遲的時(shí)間，比如郵箱就是一種非實(shí)時(shí)協(xié)作，每天打開郵箱處理前一天的郵件。

同步協(xié)作：溝通起來(lái)更直接，就像是面對(duì)面溝通一樣，是一種很順暢沒有延遲的交談。

異步協(xié)作：借助不同的媒介傳達(dá)訊息，雖然無(wú)法像面對(duì)面溝通一樣直接， 但是因?yàn)樾畔⒌某尸F(xiàn)可追溯，也更易整理，也有其得天獨(dú)厚的優(yōu)勢(shì)。

比較主流的非實(shí)時(shí)會(huì)議軟件有Redmine、Phabricator、Jira、Mural等等。

2. 非實(shí)時(shí)協(xié)作優(yōu)勢(shì)

1）不中斷手頭的工作

比如你正在埋頭工作時(shí)，突然收到一封會(huì)議邀請(qǐng)郵箱，你不得不放下手頭的活兒參加視頻會(huì)議，所以說實(shí)時(shí)協(xié)作的工作方式是打斷性的。

而非實(shí)時(shí)協(xié)作，因?yàn)轭A(yù)留了一段處理時(shí)間，讓用戶能夠合理安排自己的時(shí)間，將重要緊急的事件先處理，再去解決其他問題。工作方式更連續(xù)、沉浸。

2）預(yù)留充分時(shí)間，更好地思考和表述

如果開會(huì)時(shí)， 在沒有做任何準(zhǔn)備的情況下，突然被Q到回答一個(gè)問題或者給解決方案，留給用戶的思考時(shí)間是很緊迫的。

有些小細(xì)節(jié)的點(diǎn)會(huì)一時(shí)間沒有考慮到，也沒辦法充分全面地表述，而非實(shí)時(shí)協(xié)作預(yù)留了充分的時(shí)間，并且可以通過多樣化的媒介去更好地傳達(dá)自己的想法。

3）問題解決過程更透明更易追溯

通過實(shí)時(shí)視頻和語(yǔ)音的方式，雖然溝通起來(lái)更直接，但是即使錄屏供組內(nèi)其他成員回看，但由于觀看錄屏消耗大量的時(shí)間，是較為低效的獲得信息的方式，所以信息的透明度不夠高。

而非實(shí)時(shí)協(xié)作，通過文字、精簡(jiǎn)錄屏或者視頻，每個(gè)人的想法和狀態(tài)會(huì)被直接地呈現(xiàn)/標(biāo)記出來(lái)，獲取信息的效率更高，并且信息的透明度高。

4）節(jié)約時(shí)間，提高效率

相信有很多人和我一樣，曾經(jīng)開過一場(chǎng)漫無(wú)天日、沒有重心、會(huì)議結(jié)束沒有產(chǎn)生任何結(jié)論、完全不知道自己接下來(lái)要做什么的冗長(zhǎng)會(huì)議。

而目標(biāo)清晰、任務(wù)明確的非同步協(xié)作能夠幫助團(tuán)隊(duì)節(jié)約大量的時(shí)間，大大提高了生產(chǎn)效率。

三、界面組成

1. 框架結(jié)構(gòu)

• Bubbles是一個(gè)基于網(wǎng)頁(yè)端的輕量型軟件，整個(gè)頁(yè)面非常簡(jiǎn)潔流暢。
• Bubbles的界面由三大塊組成，頂部的shell bar、左側(cè)的sidebar以及中間大塊的內(nèi)容區(qū)域組成。
• Sidebar區(qū)域的內(nèi)容由頂部的公司logo、創(chuàng)建新的bubble、切換團(tuán)隊(duì)、消息通知、我的bubble、還有channels頻道組成，Sidebar的底部會(huì)顯示訂閱狀態(tài)。
• Shellbar區(qū)域從左往右依次是頁(yè)面標(biāo)題、搜索欄、邀請(qǐng)成員、幫助中心。

2. 風(fēng)格分析

整個(gè)app采用極簡(jiǎn)的設(shè)計(jì)風(fēng)格，顏色采用同色系設(shè)計(jì)，主色品牌色為充滿科技感的紫色，簡(jiǎn)潔流暢，無(wú)論是icon、按鈕還是字體，都遵循了簡(jiǎn)潔流暢的圓角設(shè)計(jì)，更有親和力。

3. Slogan

Bubble在登陸頁(yè)標(biāo)語(yǔ)是“Visually rich async conversations. Free forever.”（“視覺豐富的非同步溝通，永遠(yuǎn)免費(fèi)”）。

其中可以看出這個(gè)平臺(tái)的三個(gè)賣點(diǎn)：

1）豐富的可視化

信息的媒介多樣化，信息的狀態(tài)透明化，信息的走向可追溯，這些都離不開豐富的信息可視化手段。

2）非同步溝通

區(qū)別于同步協(xié)作，Bubble平臺(tái)將非同步的優(yōu)勢(shì)和特點(diǎn)發(fā)揮到極致。

3）免費(fèi)

團(tuán)隊(duì)一旦開始使用某個(gè)平臺(tái)，使用一段時(shí)間后，如果突然要付費(fèi)才能使用，一方面團(tuán)隊(duì)的信息的遷移會(huì)比較麻煩，另一方面，通常團(tuán)隊(duì)賬號(hào)要花費(fèi)高昂的費(fèi)用。

所以，將免費(fèi)寫進(jìn)slogan里，一方面，打消用戶的使用顧慮，另一方面免費(fèi)可以快速的吸引團(tuán)隊(duì)入駐使用。

不過！這里的“免費(fèi)”并不代表Bubble是一個(gè)非營(yíng)利性組織，免費(fèi)的方案是有的，但是同時(shí)有付費(fèi)方案可選擇，在這里可能會(huì)給消費(fèi)者有一個(gè)誤導(dǎo)。

而且免費(fèi)的方案在私密性、使用容量上、時(shí)長(zhǎng)、有效期有諸多不便，與slogan里宣揚(yáng)的free有些名不副實(shí)。

四、使用場(chǎng)景

1. Bubble的創(chuàng)建發(fā)起

創(chuàng)建Bubble的按鈕“New bubble”是整個(gè)頁(yè)面的最重要的按鈕，它是所有故事的開始，所以它也被放在一個(gè)極其顯眼的位置，并且在新手引導(dǎo)中，你需要學(xué)會(huì)的第一件事就是學(xué)會(huì)創(chuàng)建一個(gè)Bubble。

一個(gè)Bubble的組成也非常簡(jiǎn)單，首先確定Bubble要發(fā)送給團(tuán)隊(duì)中的哪一位成員：

其次，你需要選擇這個(gè)人的回應(yīng)形式“Respond by”還是“FYI”， Respond by 就是此人提供意見和想法是必需的，并且在一定的時(shí)間內(nèi)完成回復(fù)。

通常這個(gè)的想法對(duì)于項(xiàng)目的決策來(lái)說十分重要，比如開發(fā)想要將某個(gè)component的版本調(diào)到舊版本的，因?yàn)樾掳姹究雌饋?lái)易用性差，這樣子的想法是需要專業(yè)的UX設(shè)計(jì)師提供決策支持的。

FYI是For your info的縮寫，“僅供參考”之意，比如有時(shí)候只是告知信息，對(duì)方的主意并不是必需的。

比如一群開發(fā)開會(huì)loop進(jìn)一個(gè)設(shè)計(jì)師，在代碼方面的討論自然不會(huì)讓設(shè)計(jì)師提供想法，當(dāng)然了，如果對(duì)方有想法，也可以在bubble里回復(fù)。

對(duì)于FYI，沒有必須回復(fù)的要求，自然也沒有時(shí)間上的限制，所以這里的時(shí)間區(qū)域是置灰狀態(tài)。

最后你需要確定以什么樣的媒介傳送你的訊息，可供選擇的媒介有三種：錄屏（screen）、相機(jī)（camera）、上傳（upload)

錄屏（screen）：是指錄制電腦界面的操作，此外可以選擇攝像頭和麥克風(fēng)，這兩者不是必需的，如果都不勾選，錄屏仍然可以繼續(xù)。

相機(jī)（camera）：可以選擇不同設(shè)備上的攝像頭，也可以選擇不同設(shè)備上的音頻麥克風(fēng)，但是相機(jī)和音頻必需至少選擇一項(xiàng)，否則無(wú)法開始錄制，錄制按鈕會(huì)置灰。

上傳（upload）：電腦本地的文件，只支持指定格式的視頻和照片，不支持音頻和word、excel等格式。

2. Bubble的接受完成

當(dāng)收到新Bubble時(shí)，在側(cè)邊欄的activity會(huì)顯示帶有數(shù)字的提示氣泡，首頁(yè)會(huì)顯示bubble列表，能夠清晰看到所有氣泡的發(fā)送者、發(fā)送時(shí)間、最新狀態(tài)等等信息。

查看氣泡的用戶可以根據(jù)氣泡是FYI/Respond by，或者時(shí)間緊迫程度來(lái)決定處理氣泡的優(yōu)先級(jí)。

當(dāng)用戶點(diǎn)擊單個(gè)氣泡界面后，會(huì)看到右側(cè)的面板上方有一個(gè)進(jìn)度條，顯示當(dāng)前用戶的狀態(tài)是打開、已閱覽還是已回復(fù)的狀態(tài)，下方是與發(fā)送bubble的頁(yè)面類似的媒介選擇。不同的是，這里將文字的選項(xiàng)也添加進(jìn)Tab欄中。

對(duì)于設(shè)計(jì)師來(lái)說，視覺上的一些改動(dòng)點(diǎn)沒辦法很清楚的指出來(lái)。

bubble提供了一個(gè)完美的解決方案，用戶可以點(diǎn)擊圖像/視頻界面上固定一個(gè)錨點(diǎn)，再發(fā)送評(píng)論。當(dāng)其他用戶點(diǎn)擊此條評(píng)論時(shí)，視頻對(duì)應(yīng)的時(shí)間點(diǎn)/圖像上會(huì)顯示對(duì)應(yīng)標(biāo)記的錨點(diǎn)，尤其是對(duì)于沒有辦法用文字快速說明比較抽象的東西，這個(gè)功能起到很大的作用。

對(duì)于視頻或者音頻來(lái)說，用戶可以選取音頻或者視頻的時(shí)間點(diǎn)，將其作為引用插入到評(píng)論中，便于查看評(píng)論的人快速get到意思，而不是看完整個(gè)視頻再去看評(píng)論，可以提高信息交流的效率。（我相信大家都懂看3h會(huì)議錄屏卻找不到重點(diǎn)的無(wú)奈吧）。

你也可以在時(shí)間軸上看到其他人的頭像，點(diǎn)擊頭像，右側(cè)面板會(huì)自動(dòng)滑動(dòng)到該評(píng)論。

還是覺得看視頻太慢？Bubble還提供了視頻轉(zhuǎn)文字功能，快速了解視頻內(nèi)容。

狀態(tài)的透明性：Bubble時(shí)刻讓用戶清楚知道自己目前是什么狀態(tài)和進(jìn)度，以及自己的團(tuán)隊(duì)成員在怎樣的進(jìn)度中，無(wú)須多言。

3. 頻道

頻道（channel）是一個(gè)將許多的bubbles添加進(jìn)一個(gè)組中，作為某個(gè)話題的材料。

如果把單個(gè)的bubble看作是“點(diǎn)”，那么一個(gè)channel可以被看作“面”。

舉個(gè)例子，新入職的同事在當(dāng)前的topic遇到了一些問題，我們可以拉他進(jìn)一個(gè)channel，然后把當(dāng)前的和從前關(guān)于這個(gè)topic已有的討論的bubble放進(jìn)這個(gè)頻道。

他遇到了新的問題也可以新建一個(gè)bubble，@同事討論，在channel中大家的信息是同步的且透明的。

五、總結(jié)

提到團(tuán)隊(duì)協(xié)作，第一時(shí)間大家總能想到郵件和視頻會(huì)議，Bubble為我們提供了一種嶄新的思路，在不借助任何同步協(xié)作的方式下，如何達(dá)到事半功倍的效果，也使我們更深刻的明白信息的對(duì)稱和透明對(duì)于一個(gè)團(tuán)隊(duì)有多么重要。

為了獲得更多來(lái)自團(tuán)隊(duì)內(nèi)的想法，Bubble通過設(shè)置時(shí)間限制和是否必須回復(fù)的方式。一方面留下了思考的緩沖時(shí)間，另一方面，也明確了需要提供想法的成員，這種設(shè)計(jì)主動(dòng)積極推進(jìn)了項(xiàng)目的進(jìn)展，解決了因各種原因無(wú)法獲得想法而導(dǎo)致項(xiàng)目停滯的痛點(diǎn)。

不過呢，我的想法是，雖然非同步協(xié)作是一大賣點(diǎn)，如果能夠結(jié)合一些同步溝通的工具，會(huì)不會(huì)用起來(lái)更方便呢？

比如Figma作為設(shè)計(jì)界協(xié)作的扛把子工具，語(yǔ)音協(xié)同工具的使用感非常好，大家不僅在同一個(gè)畫面，并且可以不借助會(huì)議工具語(yǔ)音交流想法，溝通起來(lái)更加自由。