一、應用/軟件研發就是單純的敲代碼？

在我們傳統認知里，應用/軟件研發似乎就是開發者在黑色屏幕前敲代碼。但隨著敏捷研發DevOps理念的發展，現在的應用研發，轉變為了圍繞devops的協作工作流，涉及多樣化的工具和不同人員的協作。研發體驗的核心要素，也從“架構邏輯“向”流程和協作“發展。

阿里巴巴應用研發平臺EMAS正是在此背景下誕生的產品。面向全端場景（移動App、H5應用、小程序、Web應用、PC應用等），基于廣泛的云原生技術（Backend as a Service、Serverless、DevOps、低代碼等），為企業、開發者提供應用研發運營管理服務。

綜上，EMAS做為幫助企業/開發者進行應用研發的技術類SaaS產品，也面臨了全新的機遇與挑戰。

二、設計師如何在技術類產品中破局？

面對復雜的技術類產品，由于技術的高門檻及業務的復雜性，很多時候設計師都是被動的接受需求。但我們也在思考，設計師如何在技術類產品中破局，如何發揮更大的價值。

因此，我們嘗試站在更高的全局視角而不是設計的本位視角，主動發現問題提出設計策略，實現設計執行到設計驅動的突破。

全局視角的主動洞察

懷著讓設計發揮更大價值的初心，我們深入業務主動邀約產品關鍵角色深入溝通，了解產品歷史背景、技術邏輯及痛點，并發起產品的易用性測試、體驗走查及競品分析等動作，站在全局視角從產品側、用戶側和體驗側多個角度進行深入洞察，形成全面的“產品體檢報告”總結舊版EMAS所存在的問題：

1.產品側洞察——子產品無合力、相互割裂缺乏串聯

EMAS圍繞應用全生命周期包含12款子產品，卻是各個子產品的拼接，功能獨立零散，未形成一站式研發體驗。各個子產品也是以獨立垂直工具視角建設，缺乏用戶及客戶業務視角。

2.用戶側洞察——產品價值/能力感知弱、沒有攻占開發者心智

多數用戶并沒有完全理解產品的價值和能力，EMAS沒有攻占開發者心智。

3.體驗側洞察——產品易用性差、滿意度低

通過用戶調研的量表評分，易用性及滿意度評分低，雖然用戶對產品功能能力認可，但對產品使用體驗滿意度差。

三、設計驅動產品創新升級

基于以上分析，我們與關鍵決策人積極溝通，匯報關鍵問題及設計策略，驅動產品的升級創新，進行EMAS3.0 一站式應用研發平臺的打造。通過咬合3個業務關鍵問題，制定出以下的設計策略：

〇 策略一：打造一站式研發體驗

1.應用全生命周期協同流程梳理：

舊版的EMAS是各個子產品的拼接，功能獨立零散，未形成一站式的研發體驗。經數據分析，產品的交叉使用率也非常的低。因此，設計首先從應用全生命周期角度，梳理了不同角色的協作流、任務流，并串聯之前子產品沒有打通的數據流，進行構建-測試-發布-運維-運營全鏈路打通串聯。

2.用戶視角的產品架構重構

并且在舊版的EMAS中，各個子產品是以垂直工具的視角進行建設，每個子產品的架構邏輯都不同，也沒有形成合理的聯動。進一步，設計驅動以用戶視角進行產品的架構重構，以”項目“作為統一頂層邏輯，并兼容技術架構，進行圍繞應用的的管理，形成一站式應用研發全周期流程。

3.一站式獨立控制臺建設

在產品形態上，形成了以下結構的一站式獨立的Studio框架，讓用戶能夠清晰、流暢的產品體系中進行應用構建。

4.一站式全景產品架構

最終，EMAS3.0一站式應用研發平臺實現編碼-構建-測試-發布-運維-運營全鏈路的打通串聯。應用阿里云的Real3D能力，打造一站式產品全景3D互動場景，圍繞DevOps協作流串聯各個子產品，形成一站式應用平臺。

通過流程化研發指引幫助新手開發者快速開啟應用研發流程，也能幫助團隊不同角色成員進行項目全局管理和關鍵指標監控。

〇 策略二：品牌建設與產品價值傳遞

1.增強產品價值/能力透傳設計

舊版的EMAS試用體驗差，且在首頁、功能初始頁等場景也缺乏產品能力的有效展示與使用引導。因此，我們在多個場域進行產品信息的有效展示及引導，進行產品價值/能力透傳的核心場域的典型場景建設，幫助用戶快速感知產品價值。

2.品牌建設，建立用戶心智

研究競品會發現：大部分競品缺少獨特的品牌語言——用戶很難區分彼此，無法激發用戶對產品的興趣 EMAS希望提供什么樣的形象與感受，現有的視覺設計語言能否讓用戶產生所預設的共鳴？因此差異化的牌語言，能體現EMAS獨有的品牌價值，在用戶心智建立準確的品牌形象。

首先，我們基于“卡普費雷品牌識別棱鏡”從品牌定位&品牌表現的維度來挖掘產品形象，在個性、文化、形象、關系、體現、外貌6個緯度對品牌進行定位。

明確了“Make smart app”這一產品Slogan，相應確定了產品“智能、高效、敏捷、靈動”的視覺語義，并從從個層面定義Smart，從各設計元素中挖掘smart的特性，來傳達品牌。

通過品牌logo的三角圖形元素貫穿運用到整個產品的 布局、插畫等元素，增加符號化元素的透出率，提升品牌的感知。

產品形象采用3D Pictogram配上動效，通過材質和光影的變化，更豐富傳達各子產品的特點，體感更強。

〇 策略三：易用性改進提升研發效能

舊版EMAS經過用戶調研的量表評分，產品易用性為6.8分，未達到優秀標準，在整體研發易操作性及易學性等方面存在20+體驗問題。

因此，我們基進行了深入的易用性度量和測試，挖掘出20+體驗問題，除了問題的單點解決外，我們也形成了系統化的解決方案，形成了“一鍵接入”、”流水線編排““跨產品引導”、”場景化開發指引“等易用性策略和范式。最終形成了完善的一站式應用研發設計體系。

四、技術類SaaS產品設計方法

通過以上項目的體系化設計的最佳實踐，我們逐漸總結出一套技術類SaaS產品創新設計方法：基于“產品/技術能力”、“產品價值傳遞”、“使用體驗”及“ARR”四個產品關鍵要素的抽取和分析，明確了“連貫度”、“價值感”、“易用性”、“轉化率”四大開發者體驗原則，進而形成一系列體驗設計要素，指導設計師有章可循的去進行技術類產品的思考和設計工作。

設計師是人與科技間的鏈接者，在數字化變革的浪潮中發揮著重要的作用，通過對用戶、產品、體驗的深度洞察，讓科技逐步普惠化、民主化。

原文地址： 阿里云設計中心（公眾號）

作者： 阿里云設計中心

轉載請注明：學UI網》數字化浪潮下，設計師如何驅動技術類SaaS產品的升級與創新？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.wtxcl.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司