設(shè)計(jì)改版｜幾萬(wàn)人都在用的研發(fā)效能產(chǎn)品設(shè)計(jì)改版

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

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

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

作者：平文凱

編輯：章欣怡

共 2250 字 11 圖  預(yù)計(jì)閱讀 6 分鐘

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• 多角色協(xié)同鏈路: 以需求為例，同一個(gè)需求可能會(huì)在產(chǎn)品經(jīng)理、設(shè)計(jì)、研發(fā)和測(cè)試之間來(lái)回流轉(zhuǎn)，過(guò)程中產(chǎn)生的問(wèn)題和動(dòng)作也都會(huì)記錄在需求詳情頁(yè)面的評(píng)論模塊內(nèi)。老版本中，評(píng)論與操作記錄被分拆為兩個(gè)tab，用戶需要不斷的切換以查看兩邊對(duì)應(yīng)的內(nèi)容。針對(duì)這一場(chǎng)景，新版的設(shè)計(jì)將評(píng)論內(nèi)容與操作時(shí)間軸合并為需求動(dòng)態(tài)（也支持用戶只看其中之一），更整體的將需求的變化過(guò)程呈現(xiàn)給用戶，助力用戶快速定位問(wè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ù)性較高的行為通過(guò)設(shè)置觸發(fā)對(duì)象、觸發(fā)條件和執(zhí)行動(dòng)作來(lái)完成自動(dòng)化流轉(zhuǎn)的功能。用戶可以通過(guò)自動(dòng)化規(guī)則設(shè)定符合自己業(yè)務(wù)場(chǎng)景的全自動(dòng)流程，減少重復(fù)性的操作。但由于操作復(fù)雜，老版AONE中使用該功能的人不多。在新設(shè)計(jì)中，我們和產(chǎn)品一起對(duì)自動(dòng)化規(guī)則的使用場(chǎng)景進(jìn)行了模版化提取，并用自然語(yǔ)言描述的方式將多操作步驟融合簡(jiǎn)化，降低用戶對(duì)專業(yè)名詞的理解，使用戶快速上手，提升操作效率。

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

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

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

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

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

三、總結(jié)展望

01 反饋和總結(jié)

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

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

踩過(guò)的坑：

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

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

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

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

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

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

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

02 ?? 福利時(shí)間 ??

在如今的數(shù)字化轉(zhuǎn)型時(shí)代，AONE帶著阿里集團(tuán)多年來(lái)沉淀的研發(fā)協(xié)同經(jīng)驗(yàn)，結(jié)合本次設(shè)計(jì)改版的所有亮點(diǎn)全面上云，推出云效Projex——新一代企業(yè)級(jí)研發(fā)協(xié)作平臺(tái)，集成了敏捷研發(fā)項(xiàng)目管理的最佳實(shí)踐，提供針對(duì)項(xiàng)目、迭代、需求、缺陷等多個(gè)維度的協(xié)同管理以及相關(guān)的統(tǒng)計(jì)報(bào)告，讓研發(fā)團(tuán)隊(duì)高效協(xié)作、踐行敏捷并持續(xù)交付產(chǎn)品價(jià)值。通過(guò)與云效「代碼管理」和「流水線」的結(jié)合，可助力用戶打造一站式、端到端、全棧敏捷的軟件研發(fā)DevOps項(xiàng)目。

2分鐘快速了解Projex的四大亮點(diǎn)??：

—  The end  —

?? 原創(chuàng)文章精選??

一篇文章告訴你服務(wù)設(shè)計(jì)到底能做什么？

游戲新手指導(dǎo)怎么做？一起看看《對(duì)馬島之魂》如何打造初次對(duì)抗體驗(yàn)

制定 “小目標(biāo)”，了解產(chǎn)品管理中的結(jié)構(gòu)化思維

35+ 的 Windows 系統(tǒng)到底有什么了不起？細(xì)數(shù)系統(tǒng)界面設(shè)計(jì)的演變

導(dǎo)師與學(xué)員的高效交流 APP 設(shè)計(jì) —— Lightship

后疫情時(shí)代，如何通過(guò)服務(wù)設(shè)計(jì)恢復(fù)真正的人際互動(dòng)？

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

高質(zhì)量，學(xué)設(shè)計(jì)行交流微信群

期待與更多優(yōu)秀用戶體驗(yàn)設(shè)計(jì)師一起成長(zhǎng)

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