京東行雲3.0|B端產研協作工具體驗升級的思考與實踐(二)
前言
上一篇文章 《京東行雲3.0|B端產研協作工具體驗升級的思考與實踐》 ,介紹了我們在迭代場景下是如何從降低認知負擔、提高操作便捷性入手優化使用者體驗,提升協作效率的。
全域性來看,“迭代”模組的優化提升了協作鏈路上的多場景、多角色的效率,如果想進一步提升協作效率,那麼使用者在單人場景、單一角色下的效率提升是非常重要的一環,單人的效率提升更能幫助整個協作鏈路效率的提升。
所以,我們將下一個優化目標鎖定在了 個人“工作臺” 。
工作臺作為平臺的門戶,本應該是流量最大的產品模組,但在現狀基本處於被“視若無睹”的狀態,例如很多使用者傾向於去平臺的各個角落逐一查詢待辦事項進行處理;甚至在調研中發現多數使用者“不清楚工作臺是做什麼的”、“從來不使用工作臺”等問題。
隨著平臺業務的擴大,我們需要一個全新的工作臺來展現平臺的業務特色,同時 幫助企業、組織以及個人提升產研效能。
一 現狀分析
舊版工作臺在漫長的迭代和業務調整中,儼然已成為具有資料彙總、工作事項待辦、平臺介紹、運營等複雜功能集合體;由於缺少規劃和接入標準,很多模組不斷累加新功能,導致不同模組資訊割裂、視覺風格迥異。
舊版工作臺
針對以上問題,早期我們也曾做過一些設計探索,但這種頭疼醫頭,腳痛醫腳的方式,最終都不能從根上解決以上問題。我們還是要回歸到整個平臺和使用者角色進一步分析。
二 使用者角色分析
上一篇「迭代」中不同角色是根據使用者本身的職責參與到協作鏈路中,舊版工作臺也沿襲了這一角色劃分方式(按照使用者的職責劃分為不同角色),不同角色下匹配不同功能模組集合的檢視。
在調研中我們發現,因為系統配置的不合理,使用者很難在預設的功能模組下完成工作,導致使用者開啟很多與自己不相關的模組。
實際場景下,工作臺的使用者角色並非按照職責去區分。而是迴歸到日常部門的上下級關係:部門成員和部門管理者,這兩種角色有著不同的訴求:
to 部門成員
部門成員參與到不同的協作鏈路中,他們的訴求是高效地查詢、管理個人相關的待辦事項,避免因遺漏而產生逾期等情況。
to 部門管理者
部門管理者的訴求是掌控部門參與到不同協作鏈路下的工作進度,並根據人員排期情況及時進行調整資源投入,以便更好的推進業務。
通過以上分析,我們也就明確了工作臺在不同角色下的定位:
角色分析
三 優化目標
問題被定位後,此次工作臺優化的目標也就清晰了:我們希望發揮工作臺應有的價值,通過優化部門成員/部門管理者的使用體驗,直接/間接的提升整體協作鏈路的效率,同時為平臺業務延伸提供擴充套件能力。具體分為:
優化目標
隨著優化目標的敲定,我們的優化策略也就清晰了。
四 解決方案
(1) 重塑工作臺資訊架構
將複雜系統分解成可獨立執行的模組化子系統的管理方式有利於系統本身的維護、評測和迭代。
William Lidwell、Kritina Holden、Jill Butler
《通用設計法則》
工作臺的使用人群由部門成員和部門管理者兩類人群組成,那就要根據他們的業務訴求對工作臺的內容進行科學的、合理的資訊結構設計。
由於舊版工作臺中缺少規劃,在漫長的迭代和業務調整中很多冗餘的模組揉雜在了使用者的待辦、資料統計分析的關鍵操作路徑上,加上個性化配置功能過於靈活,對使用者的認知造成了一定負擔,降低了使用者操作效率。
所以在新版工作臺我們引入了將部門成員和部門管理者關鍵操作路徑進行隔離的模式,將不同角色的使用者引流至不同的使用場景下。
工作臺拆分為部門成員視角和部門管理者視角
如上圖,部門成員預設進入「我的」頁簽下,部門管理者預設進入「部門的」頁簽下,「我的」專注於待辦事項的檢視與處理,「部門的」專注於展示部門資料統計分析。
(2) 打造高效的待辦體驗
此次改版的出發點是讓使用者快捷查詢、高效處理待辦事項。那麼如何將待辦事項資訊高效的呈現,讓使用者直擊待辦事項的核心功能是關鍵。
舊版工作臺中將不同的資訊模組平鋪展示,使其一屏可以展示更多的內容。但在實際使用中給使用者帶來了很多問題:由於頁面內容堆砌過多,小屏電腦需要滾動多屏才能看到全部資訊模組;加之在後期由於功能分屬不同的團隊,並且對視覺的監管也不嚴格,導致每個模組都在各自不斷迭加功能,新增的元件風格不統一,損害了工作臺的使用體驗。
部門成員視角
在新工作臺的資訊架構基礎上,我們從以下幾點進行了優化:
A. 將主區域平鋪的模組改為tab頁籤切換的形式,使用者可以清楚的獲取到所有待辦事項的分類,也可通過頁面內的頁籤切換不同型別的待辦事項。再此基礎上,也保留了一定的個性化設定能力,使用者可以根據自身職責開啟或是關閉所需的待辦事項型別。
B. 把單一型別的待辦事項進行了全屏化展示,一屏只專注一類工作事項的處理,既解決了之前頁面中模組多、滾動條多的問題,又提升了資訊展示效率。
C. 保留了右側欄用於展示平臺公告、熱門應用、平臺介紹等資訊。並新增了快捷導航模組,使用者可以將自己常用的專案、空間、迭代等收藏到工作臺,縮短查詢的步驟。
(3) 結構化呈現,讓資料清晰易讀
在部門管理者側雖然已經有人力資源日曆排期模組,但僅僅將任務按照排期的形式呈現了出來,部門管理者並不能直觀的獲取到當前任務總數以及不同階段下的數量資訊,為管理增加了一定的溝通成本。
部門管理員視角
所以在整體優化時,我們在關鍵工作事項型別中增加了資料彙總能力,對其進行結構化處理:將彙總資料按照未開始、進行中、已完成三個階段進行呈現,通過結構化的數字,直觀的感知總體進度。
此外在資料的呈現上也進行了反覆打磨,通過採用瀏覽器頁籤的形式展示資料框架,方便使用者點選切換,快速檢視該階段/該狀態下的詳細資訊,一目瞭然。
新舊版效果對比
五 上線後反饋
新版工作臺在上線幾個月後,還有一些功能點在陸續上線中。在Q2的滿意度調研中,新版工作臺無論是在使用資料、滿意度層面都有較高的提升,並得到了很多使用者的好評。同時也收到了其它一些優化建議,我們會及時對使用者的問題和建議進行評估並響應。
六 總結
在工作臺模組優化中,我們沒有直接陷入解決現有問題的細節中,而是從業務全域性出發明確工作臺的定位。再通過對工作臺角色的分析,重新搭建符合不同角色訴求的資訊架構,排除了當前使用者操作主流程上的干擾,增加在各自使用場景下的體驗流暢度,從而直接/間接的提升了協作鏈路上的效率。我們相信此次體驗升級是工作臺變好的一小步,隨著後續越來越多資訊模組的接入,我們會朝著將工作臺打造成提升管理、協作效率利器的方向邁進。
上一篇文章釋出後,我們收到部分設計師小夥伴私信詢問優化過程中的一些細節問題,受制於文章篇幅沒有詳細講解,後續我們會發出優化細節解析整理的文章。 敬請期待~
往期回顧
伸出你可愛的手指給我們 點個贊 和 在看 唄
如果能 分享 就更好了
- NutUI 4.0 正式釋出!
- 視覺化大屏業務之設計方案制定(下)
- 視覺化大屏業務之「需求理解」(上)
- 如何解析產品原型
- 大資料掃盲
- 京東行雲3.0|B端產研協作工具體驗升級的思考與實踐(二)
- 京東電器618(資料篇)——3C DESIGN
- 京東電器618 JOYIP(IP2.0)- 3C DESIGN
- 京東電器 618(品牌心智篇)——3C DESIGN
- 京東電器 618(視覺篇)- 3C DESIGN
- 主流移動端元件庫的對比和分析
- 乘風出海——因地制宜的設計心得
- 插畫的發展及在UI設計中的應用
- 玩轉iconfont-RELAAAY 4.0升級覆盤圖示篇
- 京東藍鯨徵信品牌及體驗升級
- 數字孿生 萬物可視-地圖在視覺化大屏設計中的實踐與運用(3D篇)
- 設計進階技巧,如何打磨視覺設計細節
- 數字孿生 萬物可視-地圖在視覺化大屏設計中的實踐與運用(2.5D篇)
- 解密城市作業系統視覺升級
- 四步建立 · 系統級色彩體系