全文約 4000 字，拆解使用場(chǎng)景 16 個(gè)，預(yù)計(jì)閱讀時(shí)長(zhǎng) 6 分鐘
Confluence 是一個(gè)由 Atlassian 公司所開發(fā)的專業(yè)的企業(yè)知識(shí)管理與協(xié)同軟件，可以用于構(gòu)建企業(yè) Wiki。它能夠幫助團(tuán)隊(duì)成員之間共享信息、文檔協(xié)作、集體討論，信息推送等。
如何高效地對(duì)信息進(jìn)行整合、梳理， 是設(shè)計(jì)創(chuàng)作很重要的一環(huán)?；诖?，這里給大家分享一下 Confluence 的產(chǎn)品體驗(yàn)設(shè)計(jì)拆解。通過對(duì) Confluence 的體驗(yàn)設(shè)計(jì)拆解，為你提供一份文檔類產(chǎn)品的解題寶典！
Ps：筆者之前寫文章主要是使用語雀或 Notion，這次為了拆解「Confluence」，就專門用 Confluence 寫文章來拆解 Confluence ～（套娃警告 ）
第一類，UI/UX設(shè)計(jì)師，可以跳出執(zhí)行層，去思考 Confluence 的產(chǎn)品設(shè)計(jì)策略，提升產(chǎn)品分析能力；
第二類，產(chǎn)品經(jīng)理/運(yùn)營(yíng)，通過全面的產(chǎn)品設(shè)計(jì)拆解、策略推導(dǎo)，獲取產(chǎn)品設(shè)計(jì)參考；
第三類，文檔產(chǎn)品從業(yè)者，通過全面的產(chǎn)品設(shè)計(jì)策略推導(dǎo)、用戶需求分析，獲取競(jìng)品分析參考。
首先了解一下這幾個(gè) Confluence 中的基本概念，頁(yè)面都是以樹狀結(jié)構(gòu)放置與空間之中，頁(yè)面之間也可以互相鏈接和訪問。創(chuàng)建頁(yè)面時(shí)除了采用空白文檔，也可以選擇模板。權(quán)限控制分了 3 個(gè)維度，分別是團(tuán)隊(duì)、個(gè)人和匿名用戶，按照權(quán)限最小化原則，分空間和分頁(yè)面管理。
點(diǎn)擊「+」號(hào)新建頁(yè)面后，這里并沒有像飛書一樣把推薦使用哪些模板作為一個(gè)彈窗打斷用戶，而是直接進(jìn)入到新頁(yè)面的編輯流程，光標(biāo)聚焦到標(biāo)題，整個(gè)過程更加自然。給用戶的預(yù)期還是直接新建頁(yè)面，當(dāng)用戶在右側(cè)瀏覽到有很多豐富的模板時(shí)，如果有需求便會(huì)主動(dòng)地去觸發(fā)使用。
Confluence Cloud 附帶了 100+個(gè)模板，覆蓋了非常多的主題，如人力資源、軟件開發(fā)、團(tuán)隊(duì)合作、項(xiàng)目規(guī)劃等。這些模板幫助能夠用戶制作精美有效的頁(yè)面內(nèi)容。并且模板預(yù)覽的交互也非常輕量，不需要再次跳轉(zhuǎn)或者打開彈窗去中斷用戶的操作行為，而是直接鼠標(biāo)懸停便能預(yù)覽模板的詳情。
關(guān)于讀寫分離，看起來是和語雀類似的，把讀和寫區(qū)分為兩種場(chǎng)景。語雀考慮的更多的是希望對(duì)作者來說，他的寫能夠在一種平靜又沉浸的一個(gè)創(chuàng)作環(huán)境中，他能夠無所顧慮的寫。而讀者他能夠放心的去閱讀。然后在這兩個(gè)體驗(yàn)之間，用一個(gè)“發(fā)布/更新”的動(dòng)作來實(shí)現(xiàn)連接。這個(gè)發(fā)布讓作者更加有儀式感，這個(gè)動(dòng)作告訴作者，你的內(nèi)容將交給讀者，由讀者來閱讀。
而 Confluence 的考慮更多的應(yīng)該是基于團(tuán)隊(duì)協(xié)同的辦公場(chǎng)景。期望團(tuán)隊(duì)中被大家看到的的文檔也應(yīng)該是一個(gè)相對(duì)穩(wěn)定或者是被審閱過后的版本，即通過「發(fā)布」這個(gè)行為來進(jìn)行確認(rèn)。在編輯頁(yè)面時(shí)，進(jìn)行的更改會(huì)自動(dòng)保存并同步，以便編輯這個(gè)頁(yè)面的所有人都能看到。不過，只有在您發(fā)布后，查看頁(yè)面的人才會(huì)看到這些更改。您每次發(fā)布更改時(shí)，Confluence 會(huì)啟動(dòng)頁(yè)面的一個(gè)新版本，并將它存儲(chǔ)在版本歷史記錄中。這樣，用戶可以跟蹤不同時(shí)間的更改，并在需要時(shí)輕松恢復(fù)到以前的版本。
Confluence 支持非?？刹迦氲膮^(qū)塊，點(diǎn)擊「+」或者輸入「/」，通過下拉菜單可以展示一些常用的區(qū)塊，在「查看更多」內(nèi)，可以顯示所有支持插入的區(qū)塊，并且還有一個(gè)專門的應(yīng)用市場(chǎng)可以去安裝更多的應(yīng)用，例如可以安裝 Mind Maps ，在 Confluence 中就可以直接繪制思維導(dǎo)圖。
基于讀寫分離的設(shè)計(jì)理念。Confluence 也區(qū)分草稿和已發(fā)布的頁(yè)面。創(chuàng)建了新頁(yè)面后，在未發(fā)布之前它會(huì)以草稿形式存在，直到發(fā)布為止。草稿不會(huì)出現(xiàn)在其他成員的頁(yè)面樹、動(dòng)態(tài)訂閱源或搜索結(jié)果中（一經(jīng)發(fā)布，頁(yè)面便會(huì)出現(xiàn)在所有這些位置，除非它帶有加密的標(biāo)識(shí)）。發(fā)布、關(guān)閉、更多組成了一個(gè)按鈕組，在「更多」內(nèi)也可以對(duì)進(jìn)行其他的發(fā)布操作，例如發(fā)布但不通知關(guān)注者、安排發(fā)布的時(shí)間等。
每個(gè)頁(yè)面都可以設(shè)置單獨(dú)的頁(yè)面權(quán)限，例如允許任何人都可以查看和編輯、只有某些人可以查看或編輯等。整體權(quán)限配置的交互操作也是比較符合由大到小的權(quán)限配置原則，先配置總的三大權(quán)限類型，再在小的權(quán)限類型中可以細(xì)化，例如邀請(qǐng)不同的人，給予不同的查看或編輯權(quán)限。
Confluence 的頂部工具欄和右側(cè)的發(fā)布、查找、協(xié)同功能是放在同一行功能區(qū)域里，同時(shí)也可以看到并沒有把太多的工具都平鋪出來，而是把一些相對(duì)常用的工具平鋪出來，不常用的工具則隱藏到「更多」里。相對(duì)騰訊文檔、語雀、石墨這類型的產(chǎn)品，頂部能夠節(jié)省一行空間，在保留工具欄常顯的基礎(chǔ)上，整體顯得更加簡(jiǎn)潔。
圖片的縮放不像常見的文檔工具那樣隨意縮放，容易縮放出各種大小不一的圖片，Confluence 的圖片縮放會(huì)基于特定的柵格參考線，鼠標(biāo)在參考線的附近釋放會(huì)自動(dòng)吸附，并縮放至相應(yīng)的大小，這樣就能夠在一定程度上限制整篇文檔的圖片大小的種類，使圖片的排版也更加精美。
左上角的面包屑層級(jí)不易默認(rèn)顯示全部出來，而是會(huì)默認(rèn)將中間省略，優(yōu)先顯示第一個(gè)和最后一個(gè)層級(jí)節(jié)點(diǎn)。這個(gè)細(xì)節(jié)可以體現(xiàn)在產(chǎn)品設(shè)計(jì)的策略，并不會(huì)一股腦的把所有信息都展示給用戶，而是優(yōu)先展示相對(duì)重要的信息，隱藏會(huì)省略此藥的信息，當(dāng)用戶想要關(guān)注的時(shí)候，也能夠很方便的進(jìn)行觸發(fā)。
鼠標(biāo)懸停至 Confluence 的標(biāo)題出，會(huì)顯示可以添加表情符號(hào)。通過適時(shí)隱藏的方式，當(dāng)鼠標(biāo)經(jīng)過時(shí)才出現(xiàn)，避免常駐顯示給用戶帶來的干擾。內(nèi)置了很多表情，團(tuán)隊(duì)內(nèi)部可以確認(rèn)表情使用的規(guī)則，便可以幫助用戶更快速地對(duì)文檔的類型做出識(shí)別和判斷。
Confluence 支持給頁(yè)面添加自定義的狀態(tài)，例如計(jì)劃中、草稿、正在進(jìn)行、隨時(shí)可以查看等，同時(shí)狀態(tài)的設(shè)置除了基本的文本外，還支持用戶自定義狀態(tài)的顏色，讓其他成員在閱讀文檔的時(shí)候，可以很直觀地了解到當(dāng)前這篇文檔的狀態(tài)，便于團(tuán)隊(duì)協(xié)同和管理。
Confluence 的表格支持設(shè)置標(biāo)題行，當(dāng)頁(yè)面滾動(dòng)至表頭不在正常可視范圍時(shí)，會(huì)自動(dòng)將表頭進(jìn)行固定懸浮，讓用戶能夠看清楚下面的內(nèi)容和標(biāo)題的對(duì)應(yīng)關(guān)系，體驗(yàn)非常自然順暢。除了設(shè)置標(biāo)題行，也支持設(shè)置編號(hào)列，同理也是可以在橫向滾動(dòng)表格的時(shí)候，能夠便捷的瀏覽對(duì)應(yīng)的編號(hào)。
在表格中框選單元格后，會(huì)在右上角出現(xiàn)對(duì)于單元格的更多操作設(shè)置，例如設(shè)置單元格背景色、合并/拆分單元格等。將這些對(duì)于單元格的設(shè)置直接外露出來，其他的一些文檔工具有的是需要右鍵才觸發(fā)，略顯隱蔽，有的雖然也是浮動(dòng)工具欄的形式，但是框選文本和框選單元格的觸發(fā)區(qū)分不明確，操作體驗(yàn)上欠佳。Confluence 中這種表格交互的方式很好的解決了一些表格中的交互問題，使用體驗(yàn)上也非常流暢。
Confluence 中的分欄設(shè)置也是內(nèi)置了幾種固定的欄數(shù)和布局百分比，基本上能夠兼容絕大部分場(chǎng)景，同時(shí)做出限制也能夠讓整體頁(yè)面的分欄效果不會(huì)因?yàn)閰⒉畈积R而顯得凌亂。調(diào)節(jié)的方式也非常便捷，所有關(guān)于區(qū)塊的調(diào)整方式都是位于區(qū)塊的下方調(diào)整。
目前市面上主流的在線文檔工具絕大部份都是實(shí)時(shí)保存的，不過難免會(huì)有一些用戶會(huì)有數(shù)據(jù)丟失的焦慮。為解決這種用戶焦慮，Confluence 會(huì)在頁(yè)面的頂部出現(xiàn)保存的狀態(tài)提示，告知用戶剛剛編輯的數(shù)據(jù)正在保存、已保存等，避免用戶擔(dān)心編輯的內(nèi)容沒有保存而引發(fā)的焦慮情況。
在點(diǎn)擊頁(yè)面歸檔時(shí)彈出來的彈窗，發(fā)現(xiàn)右上角的「關(guān)閉」錯(cuò)位到彈窗外部了，一個(gè)非常明顯的線上 BUG 。
一部分區(qū)塊在拖拽的時(shí)候，只會(huì)講區(qū)塊的名稱帶上，缺少即將移動(dòng)到的目標(biāo)位置的交互反饋。
在體驗(yàn) Confluence 的過程中，不知道是不是因?yàn)楣P者沒有找到功能的原因，發(fā)現(xiàn) Confluence 沒有國(guó)內(nèi)一些文檔工具都有的目錄錨點(diǎn)功能，雖然可以通過插入目錄索引來實(shí)現(xiàn)，但是這個(gè)目錄只是實(shí)現(xiàn)一個(gè)跳轉(zhuǎn)，并不能將目錄固定在頁(yè)面的左側(cè)或右側(cè)顯示。并且這個(gè)目錄只能在頁(yè)面的查看態(tài)才能看到，在編輯態(tài)的時(shí)候無法預(yù)覽目錄，導(dǎo)致在整理這篇文章的時(shí)候，經(jīng)常要上下滾動(dòng)翻看，略顯麻煩。
總體來講，Confluence 是非常強(qiáng)大的團(tuán)隊(duì)知識(shí)管理工具，它覆蓋了非常全面的團(tuán)隊(duì)協(xié)同場(chǎng)景，國(guó)內(nèi)很多文檔產(chǎn)品的設(shè)計(jì)都會(huì)借鑒 Confluence 中的一些設(shè)計(jì)策略和設(shè)計(jì)理念。本文只是依據(jù)日常使用場(chǎng)景測(cè)試出的一些小模塊，功能體驗(yàn)也還有非常多的可取之處。
由于時(shí)間和篇幅有限，本文關(guān)于 Confluence 的設(shè)計(jì)拆解中存在的疏誤之處還望大家給與指正，歡迎大家一起學(xué)習(xí)和討論。
參考鏈接
https://www.woshipm.com/pd/4836001.html
https://zhuanlan.zhihu.com/p/105877523
感謝閱讀，我是設(shè)計(jì)師波波 Bobby He，深耕 B端體驗(yàn)設(shè)計(jì)，持續(xù)學(xué)習(xí)輸出中，歡迎關(guān)注，期待與你鏈接～
Powered by Froala Editor
B端產(chǎn)品體驗(yàn)設(shè)計(jì)師
15
作品
123
粉絲
125
關(guān)注
分享能獲取更多贊？
密碼登錄
大牛，別默默的看了，快登錄幫我點(diǎn)評(píng)一下吧！:)
登錄 立即注冊(cè)