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.miumiuwan.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ì)公司