產(chǎn)品升級(jí)｜阿里設(shè)計(jì)師如何將幾萬人都在用的研發(fā)效能產(chǎn)品進(jìn)行設(shè)計(jì)改版

▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)

三分設(shè)｜連接知識(shí)，幫助全球 1 億設(shè)計(jì)師成長

轉(zhuǎn)自：Alibaba Cloud TxD

編輯：章欣怡

共 3636 字，預(yù)計(jì)閱讀 10 分鐘

一. 業(yè)務(wù)背景 & 問題定位

Aone （Alibaba One Engineering System），數(shù)字化研發(fā)協(xié)同平臺(tái)，是阿里解決研發(fā)過程中跨角色、跨組織、跨地區(qū)的協(xié)作問題，通過數(shù)據(jù)驅(qū)動(dòng)、度量分析，解決阿里龐大組織研發(fā)效能問題的平臺(tái)。AONE 目前涉及到的協(xié)同角色多種，包含項(xiàng)目經(jīng)理、產(chǎn)品經(jīng)理、前后端開發(fā)、設(shè)計(jì)和測試等。

本次改版的主要設(shè)計(jì)目標(biāo)是解決 AONE 的三個(gè)核心痛點(diǎn)問題，提升用戶體驗(yàn)：

01 體驗(yàn)一致性欠缺，用戶難以建立統(tǒng)一心智；

02 用戶視角單一，協(xié)同流程有斷點(diǎn)；

03 產(chǎn)研協(xié)作和資產(chǎn)沉淀之間有斷層，研發(fā)產(chǎn)出無法有效的沉淀和跟蹤管理。

二. 設(shè)計(jì)思考和策略

針對(duì)以上痛點(diǎn)，設(shè)計(jì)策略拆分為對(duì)應(yīng)的三個(gè)層級(jí)：

01 基礎(chǔ)操作層-保證產(chǎn)品體驗(yàn)的一致性；

02 實(shí)踐效率層-完善多角色視角的場景化訴求，提升多工種協(xié)同的工作效率；

03 價(jià)值增益層-解決 AONE 三方協(xié)同斷點(diǎn)的問題，完善產(chǎn)研一體化閉環(huán)。

01 基礎(chǔ)操作層-保證產(chǎn)品體驗(yàn)的一致性

一致性是體驗(yàn)設(shè)計(jì)中最重要的原則之一，特別是對(duì)于 AONE 這樣涉及多角色多功能模塊的復(fù)雜產(chǎn)品。對(duì)于用戶而言，體驗(yàn)一致性的提高可以降低用戶的操作時(shí)長及錯(cuò)誤率，降低學(xué)習(xí)成本，提升用戶的滿意度；對(duì)于產(chǎn)品設(shè)計(jì)及開發(fā)者而言，保持體驗(yàn)一致性可以提升開發(fā)和維護(hù)效能，產(chǎn)品模塊的可集成性、穩(wěn)定性和可延續(xù)性更高。

為保證產(chǎn)品體驗(yàn)的一致性，設(shè)計(jì)從三個(gè)方向入手：

1）視覺感知一致性：保證頁面呈現(xiàn)的視覺元素特征及文字圖形的一致性，包括圖標(biāo)、文本、顏色、字體、間距、尺寸、組件等基本樣式和組件元素，并由視覺同學(xué)沉淀為組件和規(guī)范，便于后續(xù)統(tǒng)一管理和復(fù)用。

2）行為感知一致性：保證用戶在產(chǎn)品中交互、流程操作的一致體驗(yàn)，通過統(tǒng)一產(chǎn)品框架、布局、核心操作區(qū)域、流程順序、組件聯(lián)動(dòng)和頁面切換等。

3）認(rèn)知一致性：通過考量用戶習(xí)慣、產(chǎn)品調(diào)性、品牌建設(shè)等建立用戶可感知的整體產(chǎn)品形態(tài)，以及產(chǎn)品與用戶認(rèn)知的一致性。

02 實(shí)踐效率層-完善不同用戶角色的場景化訴求，提升多工種協(xié)同的工作效率

作為協(xié)同類產(chǎn)品，AONE 涉及到的用戶可以分為：

按工種劃分的一線角色 （如產(chǎn)品、研發(fā)、測試等）。一線角色人員大多聚焦在單一事項(xiàng)的處理，如產(chǎn)品經(jīng)理更關(guān)注需求的推進(jìn)，研發(fā)更關(guān)注未完成的缺陷，測試更關(guān)注測試計(jì)劃的執(zhí)行結(jié)果。

按權(quán)利層級(jí)劃分的管理角色。對(duì)管理者來說，團(tuán)隊(duì)事項(xiàng)的整體進(jìn)度、風(fēng)險(xiǎn)預(yù)判以及人員兵力分布則是他們關(guān)注的重點(diǎn)。

不同角色的用戶對(duì)產(chǎn)品的訴求不同，沿著從用戶場景出發(fā)的思路，我們的設(shè)計(jì)目標(biāo)和對(duì)應(yīng)的設(shè)計(jì)策略也有所差異：

針對(duì)一線用戶角色，快速處理工作事項(xiàng)、提升操作效率是首要目標(biāo)。基于這個(gè)目標(biāo)，設(shè)計(jì)策略主要分為四步：

1）根據(jù)用戶工作場景補(bǔ)充缺失的功能模塊，滿足多角色用戶千人千面的訴求。

以工作臺(tái)首頁為例，我們新增了管理視角下的團(tuán)隊(duì)事項(xiàng)卡片、PM 視角下的項(xiàng)目進(jìn)度卡片、產(chǎn)品視角下的甘特圖工作事項(xiàng)卡片、研發(fā)視角下的應(yīng)用變更卡片等。在用戶進(jìn)入工作臺(tái)首頁時(shí)，根據(jù)其崗位信息對(duì)當(dāng)前功能卡片進(jìn)行組合，推薦給用戶最滿足他使用場景的工作臺(tái)，精準(zhǔn)匹配角色訴求。

2）簡化操作鏈路和協(xié)同鏈路，補(bǔ)齊流程斷點(diǎn)，提升用戶操作的流暢性。

我們將用戶的操作鏈路又細(xì)分為單一角色用戶的操作路徑和多角色之間協(xié)同的路徑，從點(diǎn)到面的對(duì)用戶的操作流程進(jìn)行梳理和簡化，逐個(gè)解決過程中造成操作效率低下的斷點(diǎn)問題，提升產(chǎn)品的易用性和流暢性：

• 單角色操作鏈路：以產(chǎn)品經(jīng)理為例，舊版本中，產(chǎn)品經(jīng)理分享需求的路徑是：撰寫需求->保存需求-> 最大化詳情頁->復(fù)制詳情頁鏈接->釘釘分享鏈接。最大化詳情頁和復(fù)制詳情頁鏈接是造成操作步驟繁復(fù)的斷點(diǎn)所在，產(chǎn)生原因在于抽屜式的詳情頁結(jié)構(gòu)不支持用戶直接復(fù)制鏈接，為了能將具體的需求分享出去，產(chǎn)品不得不每次都重復(fù)的做最大化復(fù)制鏈接的操作。為了解決這一斷點(diǎn)問題，我們?cè)谠斍轫撔略隽艘粋€(gè)分享需求的按鈕，將分享的操作步驟從三步簡化為一步。

• 多角色協(xié)同鏈路: 以需求為例，同一個(gè)需求可能會(huì)在產(chǎn)品經(jīng)理、設(shè)計(jì)、研發(fā)和測試之間來回流轉(zhuǎn)，過程中產(chǎn)生的問題和動(dòng)作也都會(huì)記錄在需求詳情頁面的評(píng)論模塊內(nèi)。老版本中，評(píng)論與操作記錄被分拆為兩個(gè)tab，用戶需要不斷的切換以查看兩邊對(duì)應(yīng)的內(nèi)容。針對(duì)這一場景，新版的設(shè)計(jì)將評(píng)論內(nèi)容與操作時(shí)間軸合并為需求動(dòng)態(tài)（也支持用戶只看其中之一），更整體的將需求的變化過程呈現(xiàn)給用戶，助力用戶快速定位問題。

3）增強(qiáng)產(chǎn)品自定義的能力，滿足個(gè)體使用差異。

對(duì)比舊版 AONE，新版的設(shè)計(jì)支持用戶自定義工作臺(tái)布局、工作臺(tái)卡片、工作項(xiàng)列表視圖以及看板卡片展示信息等，用戶可以自定義設(shè)置更符合個(gè)人操作習(xí)慣和業(yè)務(wù)訴求的專屬 “定制化” AONE。

4）以自動(dòng)化能力替代高重復(fù)性操作，降本提效

自動(dòng)化規(guī)則是一種能將產(chǎn)品內(nèi)重復(fù)性較高的行為通過設(shè)置觸發(fā)對(duì)象、觸發(fā)條件和執(zhí)行動(dòng)作來完成自動(dòng)化流轉(zhuǎn)的功能。用戶可以通過自動(dòng)化規(guī)則設(shè)定符合自己業(yè)務(wù)場景的全自動(dòng)流程，減少重復(fù)性的操作。但由于操作復(fù)雜，老版 AONE 中使用該功能的人不多。在新設(shè)計(jì)中，我們和產(chǎn)品一起對(duì)自動(dòng)化規(guī)則的使用場景進(jìn)行了模版化提取，并用自然語言描述的方式將多操作步驟融合簡化，降低用戶對(duì)專業(yè)名詞的理解，使用戶快速上手，提升操作效率。

針對(duì)管理角色，建立對(duì)團(tuán)隊(duì)和工作事項(xiàng)的掌控感是首要設(shè)計(jì)目標(biāo)。在新版設(shè)計(jì)中，設(shè)計(jì)按從粗到細(xì)的維度分別在工作臺(tái)、項(xiàng)目、迭代等核心頁面模塊補(bǔ)充了針對(duì)團(tuán)隊(duì)兵力分布、整體工作事項(xiàng)進(jìn)展、項(xiàng)目進(jìn)展和迭代進(jìn)展的統(tǒng)計(jì)模塊。從整體到局部的增強(qiáng)管理者的掌控感，助力他們清晰精準(zhǔn)的進(jìn)行問題定位、兵力排布以及下一步的方案制定和評(píng)估。

03 價(jià)值增益層 - 解決三方協(xié)同斷點(diǎn)的問題，完善產(chǎn)研一體化閉環(huán)

隨著阿里集團(tuán)內(nèi)產(chǎn)品研發(fā)團(tuán)隊(duì)分工的不斷深化，各研發(fā)角色都開發(fā)了自己的研發(fā)工作平臺(tái)，比如沉淀設(shè)計(jì)稿的 D-One，前端工程師的 DEF，無線工程師的摩天輪，數(shù)據(jù)工程師的 Dataworks，甚至產(chǎn)品經(jīng)理設(shè)計(jì) PRD 也基本使用語雀文檔，也就是說，產(chǎn)品研發(fā)過程中的很多工作并不在 Aone 上完成。這樣的現(xiàn)狀使研發(fā)協(xié)作過程與研發(fā)產(chǎn)出形成了斷層，研發(fā)產(chǎn)出的過程資產(chǎn)無法被有效的統(tǒng)一沉淀和跟蹤管理。

我們希望 AONE 是這樣一個(gè)平臺(tái)：貫穿研發(fā)協(xié)作的起點(diǎn)和終點(diǎn)，從需求出發(fā)，記錄協(xié)作中各角色的行為和產(chǎn)出，所有的過程資產(chǎn)都可以在一個(gè)平臺(tái)追溯，真正實(shí)現(xiàn)業(yè)務(wù)場景和人效資源的數(shù)字化管理。本著這樣的設(shè)計(jì)目標(biāo)，設(shè)計(jì)與產(chǎn)品一起調(diào)研共創(chuàng)，通過需求的“研發(fā)任務(wù)”將各研發(fā)平臺(tái)與需求集成，所有需求的參與者都可以通過研發(fā)資產(chǎn)進(jìn)行產(chǎn)出的交付和過程的跟蹤管理。

以設(shè)計(jì)資產(chǎn)為例，設(shè)計(jì)師在完成設(shè)計(jì)稿后，將設(shè)計(jì)稿上傳至 D-One，再通過 AONE 需求的研發(fā)資產(chǎn)將 D-One 設(shè)計(jì)稿鏈接與原始的需求進(jìn)行綁定，所有參與當(dāng)前需求的角色都會(huì)收到通知，上游產(chǎn)品經(jīng)理可以清晰感知當(dāng)前需求進(jìn)展的階段，下游研發(fā)可以開始根據(jù)設(shè)計(jì)稿開始開發(fā)的準(zhǔn)備，而項(xiàng)目經(jīng)理或管理者則可以通過完整的產(chǎn)出和工時(shí)記錄明確當(dāng)前需求狀態(tài)是否健康，人員投入是否充足等，快速作出風(fēng)險(xiǎn)的預(yù)判和應(yīng)對(duì)準(zhǔn)備。

三. 總結(jié)展望

反饋和總結(jié)

在新版 AONE 上線半年后，我們做了一輪調(diào)研統(tǒng)計(jì)，從回收的用戶反饋來看，新版所有指標(biāo)都高于 6 分及格線，界面布局和視覺體驗(yàn)兩項(xiàng)更是高于 7 分，其中有大約 60% 的用戶都給到了 8 分以上的高分，整體改版效果較為顯著。值得一提的是，通過研發(fā)資產(chǎn)關(guān)聯(lián)，半年來已經(jīng)有超過萬份研發(fā)過程資產(chǎn)沉淀在了 AONE 上。

在整個(gè)的改版升級(jí)過程中，我們分別對(duì)踩過的坑和可復(fù)用的經(jīng)驗(yàn)做了總結(jié)，希望能給有相同訴求的設(shè)計(jì)同學(xué)帶來一定的幫助。

踩過的坑：

1 簡化功能的初心卻影響了用戶原本的操作心智，產(chǎn)品改版一定要平衡用戶原本的使用習(xí)慣；

2 避免陷入單一的需求中，需要帶入更全局的視角來完善產(chǎn)品的體系化建設(shè)，站在業(yè)務(wù)和用戶的角度多維度思考；

3 除了通用能力的建設(shè)，要更多考慮結(jié)合技術(shù)的手段提升產(chǎn)品的核心競爭力。

可復(fù)用的經(jīng)驗(yàn)：

1 系統(tǒng)性的解決基礎(chǔ)一致性問題，完善體系化建設(shè)，提升工作效能；

2 多角色協(xié)同的產(chǎn)品按用戶角色細(xì)分場景和目標(biāo)，分別對(duì)應(yīng)不同的設(shè)計(jì)策略；

3 完善的產(chǎn)品數(shù)據(jù)分析能力可在后續(xù)幫助設(shè)計(jì)師快速定位問題。

---

?? 我們一起聊設(shè)計(jì) ???♂?

微信行業(yè)交流群

期待與更多優(yōu)秀設(shè)計(jì)師一起成長

??

PS：歡迎大家關(guān)注三分設(shè)，每天早上9點(diǎn)，準(zhǔn)時(shí)充電。分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí)，定期大咖老師直播分享，零距離連麥，答疑解惑。 添加小小蟲微信號(hào)【 Lil_Bug 】，備注【 三分設(shè) 】加入！（只面向星標(biāo)了公眾號(hào)三分設(shè)的粉絲）

---

推 薦 課 程

星標(biāo)公眾號(hào)方法

點(diǎn)開下方公眾號(hào) ??  點(diǎn)擊右上角【...】 ??   設(shè)為星標(biāo)