在網(wǎng)絡(luò)發(fā)達的今天，協(xié)同辦公產(chǎn)品在我們辦公中起到了關(guān)鍵性的作用，讓我們可以多人在幾條流水線上依照流程合作去完成任務(wù)。而這類產(chǎn)品更關(guān)注于工作流程整體把控和設(shè)計師對于業(yè)務(wù)的熟悉程度，這種復(fù)雜性也給流程類的項目設(shè)計帶來了挑戰(zhàn)。具體來看看本文分析。

在「協(xié)同」辦公場景越來越豐富，功能越來越強大的今天，只要有網(wǎng)絡(luò)，人們就能夠?qū)崿F(xiàn)多?、跨地域、多終端實時溝通協(xié)作。這其中，協(xié)同辦公產(chǎn)品起到了關(guān)鍵性的作用。

除了易學(xué)性、效率、實用性、容錯性等通用的設(shè)計原則之外，協(xié)同辦公產(chǎn)品在設(shè)計上還有什么特別要關(guān)注的嗎？我們從多個協(xié)同辦公產(chǎn)品的實戰(zhàn)經(jīng)驗出發(fā)，發(fā)現(xiàn)并總結(jié)出兩類典型協(xié)同辦公產(chǎn)品的系列特性，并通過實際案例闡述了針對這些特性的設(shè)計思考。

他們分別是：以在線協(xié)同文檔（美事文檔）為代表的實時協(xié)同工具，和以項目協(xié)同（58云效）和任務(wù)協(xié)同EHR為代表的流程類協(xié)同工具。

由于他們既存在協(xié)同辦公產(chǎn)品特有的共性，又在各自的場景中體現(xiàn)出明顯的差異性，為了能講述地更加詳盡，我們的文章會分成上中下三篇。今天要分享的是第三篇——流程協(xié)同產(chǎn)品的特性。

01 流程類協(xié)同產(chǎn)品特性

流程協(xié)同，是指多人在一條或多條流水線上依照流程合作去完成某項任務(wù)。流程類任務(wù)涉及到多個角色、多個環(huán)節(jié)，甚至需要使用多個產(chǎn)品才能完成。這種復(fù)雜性給流程類的項目設(shè)計帶來了挑戰(zhàn)。常見的協(xié)同工具例如：項目管理類產(chǎn)品、辦公審批類工具等。

本文通過設(shè)計經(jīng)驗針對流程協(xié)同工具的研究，為大家總結(jié)了以下三大設(shè)計特性，以此保證在設(shè)計過程中充分考慮到用戶使用體驗，提高協(xié)同編輯效率和質(zhì)量，供大家參考。

1、產(chǎn)品流程性

流程的本質(zhì)是狀態(tài)的流轉(zhuǎn)，狀態(tài)是由于滿足了某種條件而觸發(fā)產(chǎn)生的，被觸發(fā)的條件可能是由于用戶操作某種動作或是滿足了某種規(guī)則。

在設(shè)計流轉(zhuǎn)的流程時，我們需要注意三個重要因素：生命周期、可用操作和流轉(zhuǎn)條件。

首先是利用狀態(tài)搭建生命周期，在設(shè)計時需要明確流轉(zhuǎn)對象會依次經(jīng)歷的狀態(tài)，讓我們能知曉流轉(zhuǎn)對象的完整生命周期。其次在各狀態(tài)下總結(jié)用戶的可用操作，比如：「點擊了XX按鈕」或「完成了XX表單」。

最后需要明確流轉(zhuǎn)條件，即對象在什么情況下會流轉(zhuǎn)，我們在上一步總結(jié)中找到操作性質(zhì)的流轉(zhuǎn)條件，同時也會依據(jù)產(chǎn)品策略，設(shè)計判定類的流轉(zhuǎn)條件，如「是否滿足XX條件」。

明確了三要素（生命周期、可用操作、流轉(zhuǎn)條件），設(shè)計師可以使用多種可視化的方式梳理出理想的流程設(shè)計。

項目狀態(tài)的流轉(zhuǎn)

以58云效為例，我們在項目流轉(zhuǎn)方面進行了優(yōu)化，覆蓋了從需求策劃到上線全鏈路流程。產(chǎn)品在云效上創(chuàng)建了一個需求，并在線撰寫了文檔，此時呢他可以將需求流轉(zhuǎn)給設(shè)計，設(shè)計收到后需求和產(chǎn)品溝通需求，確認排期后可開始設(shè)計，此時該需求的狀態(tài)就變?yōu)榱恕冈O(shè)計中」以此類推角色持續(xù)推動需求流轉(zhuǎn)，直至完成上線。

在一期我們采用關(guān)鍵操作的流轉(zhuǎn)方式，在未來我們會嘗試豐富流轉(zhuǎn)策略，盡可能做到高度自動化流轉(zhuǎn)。

面試流程的流轉(zhuǎn)

以招聘SaaS為例，我們搭建了面試官的面試流程。在流程內(nèi)設(shè)定四個任務(wù)狀態(tài)：待面試、已取消、待評價和已完成。

我們設(shè)計了每個任務(wù)物狀態(tài)關(guān)鍵操作，如在待面試場景下，用戶完成線下面試后點擊「完成面試」并調(diào)起面評表，此時需要判定面試的流轉(zhuǎn)條件，即“是否填寫面評表”，當(dāng)場填寫會流轉(zhuǎn)到“已完成”，稍后填寫則流轉(zhuǎn)到“待評價”，待面試官完成填寫后，再流轉(zhuǎn)到“已完成”。

2、流程可配置性

流程簡單的項目可以由系統(tǒng)提供預(yù)設(shè)流程模板。邏輯復(fù)雜、靈活度要求高的流程則需要有后臺配置的能力。配置項根據(jù)系統(tǒng)的需求和復(fù)雜性定義，可能包括以下內(nèi)容：節(jié)點順序、節(jié)點類型、任務(wù)名稱、配置模板、節(jié)點角色、查看權(quán)限、進入條件、退出條件、跳過條件、喚醒條件、是否為結(jié)束點、是否為自動發(fā)起等。

因為流程配置帶來的復(fù)雜性，在用戶進入流程類任務(wù)時，應(yīng)給予清晰的流程信息說明，以便讓用戶了解流程任務(wù)概況。

3、可視化

流程類協(xié)同產(chǎn)品的流程可視化能讓用戶更加清晰的看懂流程，但是流程類協(xié)同產(chǎn)品不僅僅只有流程能可視化，我們還可以通過可視化來明確個流程節(jié)點的負責(zé)角色，或通過可視化反饋流程的數(shù)據(jù)和狀態(tài)

流程可視化

流程是一個高度抽象化的東西，因此需要設(shè)計師用圖形、圖像、數(shù)字等元素將復(fù)雜流程的設(shè)計為易懂易學(xué)的圖像化表達。幫助用戶在視覺體驗上感知整體的流程，并降低理解成本。

1. 增強流程感知，用于幫助用戶感知整體流程，展示當(dāng)前所在狀態(tài)節(jié)點；明確要完成的任務(wù)；明確負責(zé)人；對于流轉(zhuǎn)下一步進行的引導(dǎo)，或?qū)τ谙乱徊綘顟B(tài)的感知；上一步狀態(tài)的結(jié)果反饋。

2. 降低認知成本，在創(chuàng)建項目時會有對流程的介紹，但復(fù)雜的流程讓人頭疼，文字描述也晦澀難懂。這時我們可以通過流程可視化的方式，將流程展示給用戶，有效的降低理解成本。

角色責(zé)任可視化

流程類產(chǎn)品在各流轉(zhuǎn)節(jié)點上都有相應(yīng)的負責(zé)人。為了能明確負責(zé)人，會將他們一并進行可視化處理，大多數(shù)以頭像展示，考慮到部分公司沒有統(tǒng)一風(fēng)格的證件照，也可用姓氏替代。

數(shù)據(jù)可視化

項目類協(xié)同產(chǎn)品為保證流程運轉(zhuǎn)，各節(jié)點都會自動化監(jiān)控并反饋數(shù)據(jù)，以便管理者能實時了解到各項目的工作進度、員工工時和風(fēng)險提示，因此需要有數(shù)據(jù)可視化的看板幫助用戶了解項目動向，提升管理效率。

02 小結(jié)

相較于實時協(xié)同類產(chǎn)品，流程類產(chǎn)品更關(guān)注于工作流程整體把控和設(shè)計師對于業(yè)務(wù)的熟悉程度。設(shè)計師需要更加的深入產(chǎn)業(yè)了解流轉(zhuǎn)過程中涉及到角色和環(huán)節(jié)，這種復(fù)雜性給流程類的項目設(shè)計帶來了挑戰(zhàn)。

綜上所述，在「流程協(xié)同」這一主題的設(shè)計上具有很多獨有的特性，包括：

到此協(xié)同型產(chǎn)品的系列文章完結(jié)撒花，我們分享了4篇文章，《協(xié)同產(chǎn)品的共性》、《實時協(xié)同產(chǎn)品的特性》、《流程協(xié)同產(chǎn)品的特性》以及番外篇《流程體驗設(shè)計研究》，我們分享了協(xié)同型產(chǎn)品體驗設(shè)計中的共性，個性以及在設(shè)計過程中的一些心得，希望能讓你有所收獲。

來源公眾號：58UXD（ID：i58UXD），58UXD，全稱58同城用戶體驗設(shè)計中心。

本文由人人都是產(chǎn)品經(jīng)理合作媒體 @58UXD 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。

該文觀點僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。