本文結合產研協作工具「京東行云 3.0」體驗升級,分享B端設計中工作臺的優化步驟和方法。

一、前言

上一篇文章《「京東行云 3.0」B 端產研協作工具體驗升級的思考與實踐(一)》,介紹了我們在迭代場景下是如何從降低認知負擔、提高操作便捷性入手優化用戶體驗,提升協作效率的。

全局來看,“迭代”模塊的優化提升了協作鏈路上的多場景、多角色的效率,如果想進一步提升協作效率,那么用戶在單人場景、單一角色下的效率提升是非常重要的一環,單人的效率提升更能幫助整個協作鏈路效率的提升。所以,我們將下一個優化目標鎖定在了個人“工作臺”。工作臺作為平臺的門戶,本應該是流量最大的產品模塊,但在現狀基本處于被“視若無睹”的狀態,例如很多用戶傾向于去平臺的各個角落逐一查找待辦事項進行處理;甚至在調研中發現多數用戶“不清楚工作臺是做什么的”、“從來不使用工作臺”等問題。此外,隨著平臺業務的擴大,我們需要一個全新的工作臺來展現平臺的業務特色,同時幫助企業、組織以及個人提升產研效能。

二、現狀分析

舊版工作臺在漫長的迭代和業務調整中,儼然已成為具有數據匯總、工作事項待辦、平臺介紹、運營等復雜功能集合體。另一方面由于缺少規劃和接入標準,很多模塊不斷累加新功能,導致不同模塊信息割裂、視覺風格迥異。

如何做好B端產品的體驗優化?來看京東行云的實戰案例總結(二)

針對以上問題,早期我們也曾做過一些設計探索,但這種頭疼醫頭,腳痛醫腳的方式,最終都不能從根上解決以上問題。我們還是要回歸到整個平臺和用戶角色進一步分析。

三、用戶角色分析

上一篇「迭代」中不同角色是根據用戶本身的職責參與到協作鏈路中,舊版工作臺也沿襲了這一角色劃分方式(按照用戶的職責劃分為不同角色),不同角色下匹配不同功能模塊集合的視圖。在調研中我們發現,因為系統配置的不合理,用戶很難在默認的功能模塊下完成工作,導致用戶開啟很多與自己不相關的模塊。

實際場景下,工作臺的用戶角色并非按照職責去區分。而是回歸到日常部門的上下級關系:部門成員和部門管理者,這兩種角色有著不同的訴求:

to 部門成員

部門成員參與到不同的協作鏈路中,他們的訴求是高效的查找、管理個人相關的待辦事項,避免因遺漏而產生逾期等情況。

to 部門管理者

部門管理者的訴求是掌控部門參與到不同協作鏈路下的工作進度,并根據人員排期情況及時進行調整資源投入,以便更好的推進業務。

通過以上分析,我們也就明確了工作臺在不同角色下的定位:

如何做好B端產品的體驗優化?來看京東行云的實戰案例總結(二)

四、優化目標

問題被定位后,此次工作臺優化的目標也就清晰了:我們希望發揮工作臺應有的價值,通過優化部門成員/部門管理者的使用體驗,直接/間接的提升整體協作鏈路的效率,同時為平臺業務延伸提供擴展能力。具體分為:

如何做好B端產品的體驗優化?來看京東行云的實戰案例總結(二)

隨著優化目標的敲定,我們的優化策略也就清晰了。

五、解決方案

1. 重塑工作臺信息架構

將復雜系統分解成可獨立運行的模塊化子系統的管理方式有利于系統本身的維護、評測和迭代。—— William Lidwell、Kritina Holden、Jill Butler《通用設計法則》

工作臺的使用人群由部門成員和部門管理者兩類人群組成,那就要根據他們的業務訴求對工作臺的內容進行科學的、合理的信息結構設計。

由于舊版工作臺中缺少規劃,在漫長的迭代和業務調整中很多冗余的模塊揉雜在了用戶的待辦、數據統計分析的關鍵操作路徑上,加上個性化配置功能過于靈活,對用戶的認知造成了一定負擔,降低了用戶操作效率。所以在新版工作臺我們引入了將部門成員和部門管理者關鍵操作路徑進行隔離的模式,將不同角色的用戶引流至不同的使用場景下。

如何做好B端產品的體驗優化?來看京東行云的實戰案例總結(二)

如上圖,部門成員默認進入「我的」頁簽下,部門管理者默認進入「部門的」頁簽下,「我的」專注于待辦事項的查看與處理,「部門的」專注于展示部門數據統計分析。

2. 打造高效的待辦體驗

此次改版的出發點是讓用戶快捷查找、高效處理待辦事項。那么如何將待辦事項信息高效的呈現,讓用戶直擊待辦事項的核心功能是關鍵。

舊版工作臺中將不同的信息模塊平鋪展示,使其一屏可以展示更多的內容。但在實際使用中給用戶帶來了很多問題:由于頁面內容堆砌過多,小屏電腦需要滾動多屏才能看到全部信息模塊;加之在后期由于功能分屬不同的團隊,并且對視覺的監管也不嚴格,導致每個模塊都在各自不斷迭加功能,新增的組件風格不統一,損害了工作臺的使用體驗。

如何做好B端產品的體驗優化?來看京東行云的實戰案例總結(二)

在新工作臺的信息架構基礎上,我們從以下幾點進行了優化:

將主區域平鋪的模塊改為 tab 頁簽切換的形式,用戶可以清楚的獲取到所有待辦事項的分類,也可通過頁面內的頁簽切換不同類型的待辦事項。再此基礎上,也保留了一定的個性化設置能力,用戶可以根據自身職責開啟或是關閉所需的待辦事項類型。

把單一類型的待辦事項進行了全屏化展示,一屏只專注一類工作事項的處理,既解決了之前頁面中模塊多、滾動條多的問題,又提升了信息展示效率。

除此之外,保留了右側欄用于展示平臺公告、熱門應用、平臺介紹等信息。并新增了快捷導航模塊,用戶可以將自己常用的項目、空間、迭代等收藏到工作臺,縮短查找的步驟。

3. 讓數據清洗易讀

在部門管理者側雖然已經有人力資源日歷排期模塊,但僅僅將任務按照排期的形式呈現了出來,部門管理者并不能直觀的獲取到當前任務總數以及不同階段下的數量信息,為管理增加了一定的溝通成本。

如何做好B端產品的體驗優化?來看京東行云的實戰案例總結(二)

所以在整體優化時,我們在關鍵工作事項類型中增加了數據匯總能力,對其進行結構化處理:將匯總數據按照未開始、進行中、已完成三個階段進行呈現,通過結構化的數字,直觀的感知總體進度。

此外在數據的呈現上也進行了反復打磨,通過采用瀏覽器頁簽的形式展示數據框架,方便用戶點擊切換,快速查看該階段/該狀態下的詳細信息,一目了然。

如何做好B端產品的體驗優化?來看京東行云的實戰案例總結(二)

六、上線后反饋

新版工作臺在上線幾個月后,還有一些功能點在陸續上線中。在 Q2 的滿意度調研中,新版工作臺無論是在使用數據、滿意度層面都有較高的提升,并得到了很多用戶的好評。同時也收到了其它一些優化建議,我們會及時對用戶的問題和建議進行評估并響應。

七、寫在最后

在工作臺模塊優化中,我們沒有直接陷入解決現有問題的細節中,而是從業務全局出發明確工作臺的定位。再通過對工作臺角色的分析,重新搭建符合不同角色訴求的信息架構,排除了當前用戶操作主流程上的干擾,增加在各自使用場景下的體驗流暢度,從而直接/間接的提升了協作鏈路上的效率。我們相信此次體驗升級是工作臺變好的一小步,隨著后續越來越多信息模塊的接入,我們會朝著將工作臺打造成提升管理、協作效率利器的方向邁進。

上一篇文章發布后,我們收到部分設計師小伙伴私信詢問優化過程中的一些細節問題,受制于文章篇幅沒有詳細講解,后續我們會發出優化細節解析整理的文章,敬請期待...

收藏 65
點贊 17

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。