1.優(yōu)化對象
云效是企業(yè)內(nèi)部的效能研發(fā)平臺(tái)，輔助公司員工研發(fā)產(chǎn)品。本項(xiàng)目的優(yōu)化內(nèi)容是針對它的項(xiàng)目協(xié)同能力，該部分的主要功能是“創(chuàng)建并管理項(xiàng)目”和“線上協(xié)同推動(dòng)項(xiàng)目流轉(zhuǎn)”。
2.設(shè)計(jì)依據(jù)
由于是自用產(chǎn)品，因此缺乏有效的數(shù)據(jù)驗(yàn)證，需要找到合理的設(shè)計(jì)依據(jù)。所以我們聯(lián)系業(yè)務(wù)方開展針對員工的訪談，以職位為基礎(chǔ)分類，梳理他們的工作流程；根據(jù)不同的工作階段，收集各個(gè)用戶角色的使用痛點(diǎn)；最后將痛點(diǎn)進(jìn)行了分析和整理，將重點(diǎn)問題進(jìn)行了分類匯總，最終總結(jié)出結(jié)論——效率低。因此本期的優(yōu)化目標(biāo)也明確下來了，就是對項(xiàng)目協(xié)同進(jìn)行辦公提效。
3.提效內(nèi)核
在開始設(shè)計(jì)前要搞明白一件事，那就是項(xiàng)目協(xié)同的基礎(chǔ)構(gòu)成是什么？它們分別是“流轉(zhuǎn)”和“角色”。
為了方便理解，筆者把項(xiàng)目協(xié)同系統(tǒng)比喻成工廠，把項(xiàng)目推進(jìn)比喻成商品制造，項(xiàng)目從策劃到上線，就如同商品在一條流水線上會(huì)經(jīng)歷多個(gè)加工點(diǎn)，從原材料到最終完工上市。這條流水線在項(xiàng)目協(xié)同中可以它稱為“流轉(zhuǎn)”，而在流水線上的加工點(diǎn)們，其實(shí)就是公司員工，我們稱他們?yōu)椤敖巧保巧枰瓿上鄳?yīng)的任務(wù)，才能將項(xiàng)目從一個(gè)節(jié)點(diǎn)流轉(zhuǎn)至下一個(gè)節(jié)點(diǎn)。因此“流轉(zhuǎn)”和“角色”共同構(gòu)成了項(xiàng)目協(xié)同系統(tǒng)。
所以提效的關(guān)鍵就在于“角色能否順利完成任務(wù)”，同時(shí)“項(xiàng)目能否進(jìn)行順利流轉(zhuǎn)”。滿足這兩點(diǎn)，項(xiàng)目協(xié)同系統(tǒng)才能高效運(yùn)行，從而到達(dá)辦公提效。
因此我們可以得出一個(gè)公式：“辦公提效=角色完成任務(wù)的效率x流轉(zhuǎn)順暢程度”。即用戶能在順暢的流轉(zhuǎn)過程中，高效地完成各節(jié)點(diǎn)的任務(wù)。再結(jié)合訪談結(jié)果，本次的設(shè)計(jì)目標(biāo)逐漸清晰：
提升項(xiàng)目流轉(zhuǎn)效率：梳理生命周期，滿足全流程覆蓋；搭建消息體系，提升信息觸達(dá)率
提升任務(wù)完成效率：概念優(yōu)化，降低學(xué)習(xí)成本；搭建高坪效頁面，提升閱讀和操作效率；多維度展示，提升決策管理能力
1.項(xiàng)目流轉(zhuǎn)全覆蓋
舊版云效只覆蓋了產(chǎn)品和開發(fā)，而本期我們要做全流程角色的覆蓋，因此筆者從角色和工作兩個(gè)層面重新梳理了產(chǎn)品生命周期，角色層面包括了從產(chǎn)品，設(shè)計(jì)師，開發(fā)和測試，即產(chǎn)品研發(fā)的全流程參與的員工；工作層面包括了從需求策劃一直到上線的全工作流程。主要目標(biāo)是梳理出各角色需要完成的任務(wù)，同時(shí)確認(rèn)在流程上的流轉(zhuǎn)節(jié)點(diǎn)。
在本期方案中項(xiàng)目流轉(zhuǎn)還是采用手動(dòng)為主。舉個(gè)例子，如產(chǎn)品在云效上創(chuàng)建了一個(gè)需求，并在線撰寫了文檔，此時(shí)他可以將需求流轉(zhuǎn)給設(shè)計(jì)師，設(shè)計(jì)師收到需求后和產(chǎn)品溝通需求細(xì)節(jié)和排期，然后開始設(shè)計(jì)介入，此時(shí)產(chǎn)品即可將該需求的狀態(tài)就變?yōu)榱恕冈O(shè)計(jì)中」，以此類推角色持續(xù)推動(dòng)需求流轉(zhuǎn)，直至完成上線。
在未來我們將會(huì)實(shí)現(xiàn)高度自動(dòng)化的流轉(zhuǎn)方式。比如完成某些任務(wù)后能進(jìn)行自動(dòng)化流轉(zhuǎn)，再舉個(gè)例子：設(shè)計(jì)師在云效上直接上傳設(shè)計(jì)終稿，產(chǎn)品確認(rèn)后可自動(dòng)流轉(zhuǎn)到下一流程節(jié)點(diǎn)。
2.打通辦公消息提醒體系
經(jīng)訪談發(fā)現(xiàn)，項(xiàng)目流轉(zhuǎn)存在信息傳遞不及時(shí)的卡點(diǎn)，需要提升用戶觸達(dá)?？紤]到公司現(xiàn)有觸達(dá)方式中，美事和企業(yè)郵箱的普及度較高，依托這兩款產(chǎn)品能做到全公司的消息觸達(dá)。于是筆者與業(yè)務(wù)方梳理了消息提醒的場景，包括了「待辦提醒」和「異常提醒」兩部分。以下可以舉兩個(gè)案例進(jìn)行分享。
自動(dòng)化待辦提醒：需求負(fù)責(zé)人完成創(chuàng)建后會(huì)自動(dòng)流轉(zhuǎn)到參與人，告知對方被分配了相應(yīng)的事項(xiàng)。
自動(dòng)化監(jiān)測提醒能力：舊版項(xiàng)目流轉(zhuǎn)是由負(fù)責(zé)人全權(quán)監(jiān)測，無形中增加工作成本。優(yōu)化后方案以系統(tǒng)監(jiān)測為主，負(fù)責(zé)人為輔。當(dāng)系統(tǒng)監(jiān)測到異常時(shí)（主要是臨近逾期或已經(jīng)逾期），會(huì)自動(dòng)在美事里推送未完成的內(nèi)容，用戶可點(diǎn)擊查看詳情，并及時(shí)處理。
1.概念提效
舊版的產(chǎn)品概念復(fù)雜，存在重復(fù)性內(nèi)容，如「項(xiàng)目」和「產(chǎn)品」，如“產(chǎn)品”和“項(xiàng)目”這兩個(gè)概念的相似度就很高，很多新用戶難以理解。同時(shí)不符合業(yè)界定義的認(rèn)知，如「迭代」，本應(yīng)該是需求的合集，但是舊版二者卻是并列關(guān)系，造成了理解成本高的問題。
在優(yōu)化方案中，我們將概念扁平化，合并相似度較高的概念，放棄部分不常用概念。同時(shí)調(diào)研市面現(xiàn)有平臺(tái)的概念體系，做到盡可能符合業(yè)界認(rèn)知。從而降低理解成本。
2.搭建高坪效頁面
工作事項(xiàng)作為平臺(tái)最基礎(chǔ)組成部分，主要問題是頁面交互方式老舊，體現(xiàn)在結(jié)構(gòu)分散且層級復(fù)雜；使用過程中跳轉(zhuǎn)頻繁，需要重新搭建高坪效的頁面。同時(shí)在閱讀瀏覽、新增內(nèi)容和語義理解方面都存在設(shè)計(jì)細(xì)節(jié)問題。筆者以需求詳情頁為例，說一下搭建高坪效頁面的方法。
頁面層級重構(gòu)：筆者采用了卡片分類法將頁面組件重新歸類組合，重構(gòu)新頁面，同時(shí)考慮到用戶的快速瀏覽習(xí)慣，將原有跳轉(zhuǎn)新頁面改為抽屜的展示方式，減少反復(fù)頁面跳轉(zhuǎn)帶來的體驗(yàn)不佳。
看到有用的信息：合理控制信息密度，同時(shí)保證添加內(nèi)容的便捷性。設(shè)計(jì)吸頂?shù)膭?chuàng)建入口，點(diǎn)擊后可跳轉(zhuǎn)到預(yù)設(shè)位置去添加內(nèi)容。頁面上不會(huì)出現(xiàn)多余信息，有效降低頁面的信息密度。
快速看到想看的：隨著用戶在抽屜內(nèi)新增的內(nèi)容越來越多，頁面也會(huì)變的越來越長，為提升瀏覽效率，在左側(cè)設(shè)計(jì)快捷幀導(dǎo)航欄，點(diǎn)擊后能快速跳轉(zhuǎn)到相應(yīng)位置，提升瀏覽效率。
低成本理解文案：本次在語義設(shè)計(jì)上做了調(diào)整，確保用戶低成本理解。以操作日志為例，日志里記錄了所有操作記錄，表達(dá)內(nèi)涵是“哪些用戶在什么時(shí)間進(jìn)行了如何的操作”，因此設(shè)計(jì)由「用戶名」+「行為」+「結(jié)果」+「操作時(shí)間」組成的字段句式，使語義做到標(biāo)準(zhǔn)化且降低理解成本。
3.多維度展示
在舊版方案中大量使用列表作為展示方式。但單一維度列表僅僅強(qiáng)調(diào)了事項(xiàng)的主題，考慮到在實(shí)地的工作場景中，用戶是需要從多種維度去管理工作事項(xiàng)。
層級關(guān)系展示：需求存在父子級關(guān)系（一個(gè)需求可以被拆分成多個(gè)子需求，分期完成），因此需要能表達(dá)清楚層級關(guān)系的展示方式。筆者使用了樹形圖的展示方式，明確父子級關(guān)系。
進(jìn)度展示：因?yàn)槲覀兯鶇⑴c的事項(xiàng)都是有起止日期的，什么時(shí)候開始，什么時(shí)候結(jié)束，中間需要干多長時(shí)間，都需要讓用戶有清晰的感知，從而提升管理效率。筆者采用了甘特圖，以事項(xiàng)進(jìn)度的維度來管理決策，同時(shí)設(shè)計(jì)了拖拽功能方便用戶及時(shí)編輯進(jìn)度。
流轉(zhuǎn)狀態(tài)展示：工作事項(xiàng)需要流轉(zhuǎn)的，因此需要以流轉(zhuǎn)狀態(tài)的維度去展示事項(xiàng)，能更好地幫助用戶感知事項(xiàng)所處的狀態(tài)，及時(shí)規(guī)劃流轉(zhuǎn)動(dòng)向，從而提升事項(xiàng)流轉(zhuǎn)效率。筆者采用了看板的展示方式，以事項(xiàng)流轉(zhuǎn)狀態(tài)的維度來管理決策，用戶可拖拽事項(xiàng)，及時(shí)進(jìn)行流轉(zhuǎn)。
回歸到辦公提效公式：“辦公提效=角色完成任務(wù)的效率x流轉(zhuǎn)順暢程度”。在“流轉(zhuǎn)”和“角色”兩個(gè)方面的優(yōu)化。
通過梳理產(chǎn)品生命周期將做到全流程覆蓋，同時(shí)搭建信息體系，提升流轉(zhuǎn)信息的觸達(dá)，進(jìn)而提升項(xiàng)目流轉(zhuǎn)效率。再通過優(yōu)化概念，降低學(xué)習(xí)成本；搭建高坪效頁面，提升閱讀和操作效率；搭建多維度展示方式，提升決策管理能力，保障用戶在各節(jié)點(diǎn)完成任務(wù)的效率。
最終做到精準(zhǔn)的辦公提效。
本次改版還在繼續(xù)中，我們會(huì)繼續(xù)以提效為目標(biāo)持續(xù)優(yōu)化。B端產(chǎn)品不同于C端，尤其是企業(yè)類辦公產(chǎn)品，會(huì)經(jīng)常缺乏埋點(diǎn)導(dǎo)致缺乏有效的數(shù)據(jù)支持，因此不能像C端產(chǎn)品以數(shù)據(jù)作為設(shè)計(jì)依據(jù)。
需要設(shè)計(jì)師深入產(chǎn)業(yè)了解業(yè)務(wù)背后的運(yùn)行邏輯，訪談目標(biāo)用戶觀察其行為并收集其訴求。由此才能足夠了解業(yè)務(wù)，為企業(yè)用戶產(chǎn)出更優(yōu)秀的設(shè)計(jì)方案。
希望這份B端設(shè)計(jì)改版的內(nèi)容能夠?qū)Υ蠹矣兴鶐椭?
作者：58UXD
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》只要一個(gè)公式，帶你看懂協(xié)同辦公提效
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司