EasyData是網(wǎng)易數(shù)帆基于數(shù)據(jù)生產(chǎn)力方法論打造的一站式數(shù)據(jù)開(kāi)發(fā)治理平臺(tái)，強(qiáng)調(diào)可持續(xù)集成、可持續(xù)交付、可持續(xù)部署的DataOps數(shù)據(jù)開(kāi)發(fā)能力，聚焦企業(yè)數(shù)字化轉(zhuǎn)型，深挖數(shù)據(jù)價(jià)值，提升企業(yè)數(shù)據(jù)生產(chǎn)力。

1、項(xiàng)目前言

隨著業(yè)務(wù)的擴(kuò)張和用戶群體的不斷增長(zhǎng)，為了提供更好的服務(wù)，我們團(tuán)隊(duì)讓設(shè)計(jì)師深入了業(yè)務(wù)一線去了解產(chǎn)品的技術(shù)邏輯及歷史背景，站在全局的視角關(guān)注整體用戶體驗(yàn)所存在的問(wèn)題，并結(jié)合用研團(tuán)隊(duì)的NPS調(diào)研搭建了一套企業(yè)數(shù)字化產(chǎn)品體驗(yàn)質(zhì)量管理體系，將得到結(jié)果作為設(shè)計(jì)決策的輔助參考依據(jù)。

這套體系中，與體驗(yàn)戰(zhàn)略相匹配的體驗(yàn)度量評(píng)估體系是核心，體驗(yàn)反饋體系、體驗(yàn)周期監(jiān)測(cè)的機(jī)制、體驗(yàn)效果評(píng)估機(jī)制和團(tuán)隊(duì)協(xié)作機(jī)制是保障，最底層的體驗(yàn)文化和團(tuán)隊(duì)能力是基石。能從宏觀角度使體驗(yàn)戰(zhàn)略和業(yè)務(wù)目標(biāo)、產(chǎn)品目標(biāo)和商業(yè)化形成掛鉤，中觀層面能覆蓋用戶全旅程和產(chǎn)品全生命周期體驗(yàn)，在微觀角度可以聚焦于產(chǎn)品的設(shè)計(jì)體驗(yàn)，確定體驗(yàn)基準(zhǔn)，明確體驗(yàn)短板，挖掘體驗(yàn)問(wèn)題，達(dá)成體驗(yàn)策略共識(shí)，實(shí)現(xiàn)動(dòng)態(tài)監(jiān)測(cè)預(yù)警。

1.1 體驗(yàn)問(wèn)題洞察

• 產(chǎn)品側(cè)洞察

EasyData平臺(tái)貫穿了數(shù)據(jù)開(kāi)發(fā)與治理的全生命周期，目前共包含了22個(gè)子產(chǎn)品，各個(gè)子產(chǎn)品以垂直的工具方式進(jìn)行搭建，導(dǎo)致子產(chǎn)品之間相互割裂從而出現(xiàn)了許多功能設(shè)計(jì)規(guī)范不一致的情況。

• 用戶側(cè)洞察

根據(jù)用戶調(diào)研監(jiān)測(cè)數(shù)據(jù)發(fā)現(xiàn)，產(chǎn)品NPS值距離行業(yè)頭部標(biāo)桿產(chǎn)品仍有一定距離，用戶口碑、忠誠(chéng)度有較大提升空間。具體分析發(fā)現(xiàn)，操作體驗(yàn)的易用度對(duì)產(chǎn)品整體NPS的重要性維持在較高區(qū)間，兩者的相關(guān)系數(shù)達(dá)0.7。但從調(diào)研的分值來(lái)看，用戶的滿意度存在短板，尤其體現(xiàn)在易操作性、易學(xué)性及容錯(cuò)性方面。根據(jù)體驗(yàn)評(píng)估指標(biāo)顯示，誤操作后不易糾正、產(chǎn)品學(xué)習(xí)上手門(mén)檻高、操作方式不符合直覺(jué)習(xí)慣是用戶反饋的典型體驗(yàn)問(wèn)題。另外在產(chǎn)品的清晰美觀度上分值也呈現(xiàn)出下降的趨勢(shì)，值得我們?nèi)リP(guān)注。

1.2 升級(jí)目標(biāo)：設(shè)計(jì)驅(qū)動(dòng)7.0大數(shù)據(jù)開(kāi)發(fā)治理平臺(tái)重構(gòu)

在洞察與定義平臺(tái)的存在問(wèn)題后，我們圍繞用戶數(shù)據(jù)開(kāi)發(fā)的體驗(yàn)全流程：發(fā)現(xiàn)→認(rèn)知→操作→感受進(jìn)行了設(shè)計(jì)目標(biāo)的探討，并在這四個(gè)階段聚集于用戶的核心關(guān)注點(diǎn)進(jìn)行設(shè)計(jì)策略的定義：

• 發(fā)現(xiàn)：系統(tǒng)界面美觀清晰，信息功能易識(shí)別。在整個(gè)系統(tǒng)中，任何字號(hào)的文字都必須清晰易讀，任何圖標(biāo)表達(dá)的含義都應(yīng)該準(zhǔn)確易懂。所有界面元素能夠突出重點(diǎn)內(nèi)容并傳達(dá)功能信息。
• 認(rèn)知：明確操作對(duì)象，理解學(xué)習(xí)門(mén)檻低。設(shè)計(jì)中減少不確定的因素, 減少用戶判斷次數(shù)，明確信息層級(jí)導(dǎo)向，讓用戶操作的目的性更明確，操作簡(jiǎn)易且表意明確使用戶在極短時(shí)間內(nèi)快速理解進(jìn)而作出判斷。
• 操作：流程高效便捷，反饋及時(shí)能容錯(cuò)。減少用戶對(duì)操作目標(biāo)的記憶負(fù)荷，動(dòng)作和選項(xiàng)都應(yīng)是可見(jiàn)的，及時(shí)反饋目前的流程狀態(tài), 同時(shí)在選擇動(dòng)作發(fā)生之前，需防止用戶容易混淆或者錯(cuò)誤的選擇。
• 感受：基于「簡(jiǎn)約舒適」、「秩序規(guī)范」和「安全可靠」的設(shè)計(jì)策略。通過(guò)全新一致的標(biāo)準(zhǔn)設(shè)計(jì), 進(jìn)而為具體設(shè)計(jì)問(wèn)題提供向?qū)Ш鸵话憬鉀Q方案。

方案的設(shè)計(jì)最終需要結(jié)合業(yè)務(wù)特性。從用戶使用行為出發(fā)，圍繞數(shù)據(jù)研發(fā)生命周期構(gòu)建符合用戶心智的認(rèn)知形態(tài)和工作模式，從而達(dá)成用戶目標(biāo)。結(jié)合產(chǎn)品業(yè)務(wù)、用戶處理特性業(yè)務(wù)的基礎(chǔ)上，以終為始，回歸到用戶、業(yè)務(wù)、系統(tǒng)進(jìn)行思考。

2、解決方案

2.1 提升清晰美觀度/一致性

升級(jí)后的設(shè)計(jì)標(biāo)準(zhǔn)，統(tǒng)一提升了清晰美觀度。主要從色彩體系，文字階梯系統(tǒng)，頁(yè)面信息密度等多個(gè)維度進(jìn)行優(yōu)化，同時(shí)沉淀全新的設(shè)計(jì)標(biāo)準(zhǔn)，實(shí)現(xiàn)視覺(jué)和交互雙重體驗(yàn)升級(jí)。

（1）全新7.0設(shè)計(jì)標(biāo)準(zhǔn)建立

本次體驗(yàn)重塑，涵蓋了所有核心產(chǎn)品，為了在時(shí)間緊、任務(wù)重的情況下落地既定的設(shè)計(jì)目標(biāo)，搭建了一套界面清晰、交互流暢、易學(xué)易用的設(shè)計(jì)組件庫(kù)，作為設(shè)計(jì)落地時(shí)體驗(yàn)一致的保證，同時(shí)極大縮短設(shè)計(jì)師和前端工程師溝通所需的時(shí)間，為后面的項(xiàng)目快速升級(jí)上線爭(zhēng)取時(shí)間。

（2）產(chǎn)品級(jí)色彩體系調(diào)整

色彩對(duì)產(chǎn)品的信息承和傳達(dá)載有著很重要的作用，對(duì)此進(jìn)行了產(chǎn)品級(jí)色彩體系的全面升級(jí)，使其在實(shí)際使用中更加準(zhǔn)確的傳達(dá)有效信息和品牌感讓用戶擁有舒適的閱讀體驗(yàn)。

（3）系統(tǒng)字符階梯調(diào)整

文字是重要的信息傳達(dá)元素之一，文字的視覺(jué)特性影響著信息傳遞的質(zhì)量和產(chǎn)品操作的效率。我們希望通過(guò)合理字體階梯，帶來(lái)有序視線流，更加適用實(shí)際場(chǎng)景，保障文本的易讀性同時(shí)讓文字在使用中更利于B端場(chǎng)景下的高密度信息展示。

（4）空間布局體系調(diào)整

空間布局是體系化視覺(jué)設(shè)計(jì)的起點(diǎn)，設(shè)置組件之間的間距；合理的間距能使頁(yè)面有清晰、實(shí)用的布局。在信息閱讀的場(chǎng)景下，我們犧牲部分間距，為在數(shù)據(jù)展示場(chǎng)景下完成更高效的信息閱讀。

2.2 減少學(xué)習(xí)和認(rèn)知成本

用戶帶著數(shù)據(jù)開(kāi)發(fā)的操作任務(wù)進(jìn)入系統(tǒng)，看見(jiàn)導(dǎo)航、表格、按鈕等元素，需要在第一時(shí)間內(nèi)理解認(rèn)知才能快速做出行為決策。因此，這個(gè)目標(biāo)起點(diǎn)的優(yōu)化對(duì)于整體流程提效有至關(guān)重要的作用。

（1）圖形信息易于理解

對(duì)于易學(xué)性而言，需要信息更高效被用戶理解。例如增加數(shù)據(jù)源類(lèi)型的圖標(biāo)，幫助用戶快速判斷數(shù)據(jù)源類(lèi)型，從而降低認(rèn)知成本；舊版數(shù)據(jù)地圖的標(biāo)簽形式各樣，語(yǔ)義表達(dá)易造成誤解，例如“核心表”標(biāo)簽形似“點(diǎn)贊”的按鈕，優(yōu)化后歸納為兩種標(biāo)簽形式，從而減輕信息獲取負(fù)擔(dān)，降低用戶的認(rèn)知成本。

（2）操作符合直覺(jué)與習(xí)慣用法

界面功能設(shè)計(jì)形式應(yīng)當(dāng)符合用戶的使用習(xí)慣。使用用戶熟悉的形式表現(xiàn)功能，同時(shí)減少誤解，數(shù)據(jù)傳輸產(chǎn)品中上傳一個(gè)文件后，依然顯示“瀏覽”，會(huì)讓用戶誤以為可以上傳多個(gè)文件，文案優(yōu)化為“重新上傳”。

老版選擇數(shù)據(jù)源類(lèi)型會(huì)讓用戶誤以為是“切換標(biāo)題”，改版后，使用單選組件展示數(shù)據(jù)源種類(lèi)，更加清晰直觀。

（3）整合業(yè)務(wù)場(chǎng)景

以“操作場(chǎng)景+產(chǎn)品功能”的思路，將安全中心的權(quán)限管理相關(guān)頁(yè)面“權(quán)限申請(qǐng)、我的申請(qǐng)、我的權(quán)限”進(jìn)行層級(jí)合并，簡(jiǎn)化主導(dǎo)航層級(jí)的數(shù)量長(zhǎng)度，重新串聯(lián)了原本互相割裂的關(guān)聯(lián)業(yè)務(wù)模塊，減少用戶多場(chǎng)景跳轉(zhuǎn)操作，極大提升操作效率。

（4）優(yōu)化復(fù)雜信息層級(jí)

一個(gè)系統(tǒng)中有一定程度的復(fù)雜性是無(wú)法被降低的，內(nèi)在的復(fù)雜度只能通過(guò)產(chǎn)品設(shè)計(jì)去設(shè)法平衡和轉(zhuǎn)移，優(yōu)化信息信息層級(jí)，使信息架構(gòu)清晰合理能夠更好的幫助用戶進(jìn)行操作，降低用戶的理解成本。

2.3 打造高效便捷的使用體驗(yàn)

對(duì)于B端產(chǎn)品而言，操作便捷至關(guān)重要，用戶能夠高效完成任務(wù)，用完即走。

（1）簡(jiǎn)化操作流程

操作流程指的是用戶為了達(dá)到某個(gè)目標(biāo)所需要經(jīng)歷的操作。舊版數(shù)據(jù)地圖篩選表的路徑較長(zhǎng)，通過(guò)優(yōu)化篩選組件，有效減少操作步驟。

（2）提升信息傳達(dá)效率

對(duì)舊版低效、關(guān)聯(lián)性割裂等問(wèn)題，結(jié)合體驗(yàn)原則與科學(xué)方法，對(duì)其一一提出對(duì)應(yīng)解決方案。例如，數(shù)據(jù)傳輸舊版一屏能展示的關(guān)鍵內(nèi)容有限，新版通過(guò)調(diào)整頁(yè)面布局，提升關(guān)鍵信息密度，從而提升屏效。

（3）增強(qiáng)信息聚焦

數(shù)據(jù)地圖頁(yè)面過(guò)度留白，導(dǎo)致表名稱與表信息關(guān)聯(lián)性割裂，根據(jù)菲茨定律，調(diào)整表信息的排布方式，提高空間利用率并增強(qiáng)用戶聚焦，使傳達(dá)更有力。

數(shù)據(jù)地圖的資產(chǎn)目錄導(dǎo)航采用級(jí)聯(lián)形式，導(dǎo)致信息傳達(dá)的效率低，新版通過(guò)平鋪展示各層級(jí)的資產(chǎn)目錄，展示更多的信息，提高信息傳達(dá)的效率。

2.4 提升操作容錯(cuò)性

容錯(cuò)性可大致歸納為以下幾方面：首先在用戶操作前給予正確有效的引導(dǎo)、其次在重要的操作步驟給予用戶及時(shí)有效的提示；最后，當(dāng)用戶發(fā)生操作錯(cuò)誤或失誤時(shí)及時(shí)為用戶糾錯(cuò)并提供有效的解決方案。

（1）操作前給予正確有效引導(dǎo)

例如數(shù)據(jù)傳輸新建任務(wù)時(shí)，加入引導(dǎo)提示“選擇來(lái)源與去向后，顯示字段映射”，能夠讓新用戶快速了解要“如何做”，降低出錯(cuò)率。

（2）確認(rèn)性操作提示

在大部分?jǐn)?shù)字產(chǎn)品中，為了提醒用戶并給予用戶緩沖時(shí)間，會(huì)在關(guān)鍵信息提交前，系統(tǒng)自動(dòng)跳出彈窗給用戶進(jìn)行二次確認(rèn)，問(wèn)其是否繼續(xù)執(zhí)行剛做出的指令，讓用戶自主決策是否選擇繼續(xù)執(zhí)行。這能有效的避免用戶操作失誤而導(dǎo)致的麻煩。

（3）更完善的加載動(dòng)效

用戶所接觸的交互動(dòng)效，視覺(jué)動(dòng)效都會(huì)直觀的影響品牌形象，新版設(shè)計(jì)中優(yōu)化生硬的頁(yè)面跳轉(zhuǎn)，自然的頁(yè)面切換會(huì)讓用戶在應(yīng)用過(guò)程中感覺(jué)更舒適，從而產(chǎn)生更好的總體體驗(yàn)。

根據(jù)業(yè)務(wù)場(chǎng)景需求，新增異步加載，對(duì)于復(fù)雜場(chǎng)景，首先骨架屏幕加載部分內(nèi)容，再loading態(tài)加載剩余內(nèi)容，合理分步緩解用戶等待焦慮。

（4）即時(shí)反饋糾錯(cuò)

為用戶提供糾錯(cuò)幫助及解決方案。一旦用戶出現(xiàn)錯(cuò)誤異常或失誤操作的情況，系統(tǒng)需要為用戶及時(shí)提供糾錯(cuò)幫助及有效的解決方案，以提高用戶操作的成功率。例如在搜索無(wú)結(jié)果的時(shí)候，給出相應(yīng)的解決方案，提升用戶繼續(xù)操作和探索的信心。

3、步履不停

3.1 統(tǒng)一布局

在完成新版組件庫(kù)升級(jí)后，通過(guò)對(duì)真實(shí)業(yè)務(wù)場(chǎng)景的梳理與抽象，對(duì)頁(yè)面版式進(jìn)一步規(guī)范化封裝，可以提升整體設(shè)計(jì)系統(tǒng)成熟度，便于各模塊人員形成“標(biāo)準(zhǔn)化”工作流程，可以在不同的產(chǎn)品流程中直接復(fù)用，在界面與交互邏輯上保持更高的一致性，讓良好的一致體驗(yàn)得以延續(xù)。

3.2 個(gè)性化需求

在深入業(yè)務(wù)需求時(shí)，也會(huì)拓展業(yè)務(wù)思考邊界，根據(jù)場(chǎng)景需要，對(duì)標(biāo)準(zhǔn)模版進(jìn)行業(yè)務(wù)升級(jí)設(shè)計(jì)，滿足不同業(yè)務(wù)的個(gè)性化需求。

4、項(xiàng)目成果

隨著7.0版本的上線，使用戶推薦意愿實(shí)現(xiàn)飛躍，用戶凈推薦值即NPS提升15分以上，扭轉(zhuǎn)了舊版本負(fù)向口碑的問(wèn)題，用戶忠誠(chéng)度、用戶粘性顯著增強(qiáng)。

取得這種成果的背后是產(chǎn)品功能和易用性的持續(xù)改善，盡管用戶對(duì)新版本存在一定適應(yīng)周期，但用戶操作體驗(yàn)滿意度仍提升7%，體驗(yàn)策略的落地取得了用戶的初步認(rèn)可，通過(guò)功能場(chǎng)景和頁(yè)面信息優(yōu)化，產(chǎn)品的易學(xué)性得到全面提升，操作流程和操作效率也實(shí)現(xiàn)了優(yōu)化。

未來(lái)EasyData也將根據(jù)新一輪NPS調(diào)研結(jié)果，尋找新的設(shè)計(jì)發(fā)力點(diǎn)，有針對(duì)性地進(jìn)行設(shè)計(jì)聚焦、提升產(chǎn)品體驗(yàn)，來(lái)幫助我們的客戶更加?效的完成任務(wù)，為用戶提供更好的產(chǎn)品使用體驗(yàn)，為業(yè)務(wù)創(chuàng)造更多的價(jià)值。