一、應用/軟件研發(fā)就是單純的敲代碼？
在我們傳統(tǒng)認知里，應用/軟件研發(fā)似乎就是開發(fā)者在黑色屏幕前敲代碼。但隨著敏捷研發(fā)DevOps理念的發(fā)展，現(xiàn)在的應用研發(fā)，轉(zhuǎn)變?yōu)榱藝@devops的協(xié)作工作流，涉及多樣化的工具和不同人員的協(xié)作。研發(fā)體驗的核心要素，也從“架構(gòu)邏輯“向”流程和協(xié)作“發(fā)展。
阿里巴巴應用研發(fā)平臺EMAS正是在此背景下誕生的產(chǎn)品。面向全端場景（移動App、H5應用、小程序、Web應用、PC應用等），基于廣泛的云原生技術(shù)（Backend as a Service、Serverless、DevOps、低代碼等），為企業(yè)、開發(fā)者提供應用研發(fā)運營管理服務。
綜上，EMAS做為幫助企業(yè)/開發(fā)者進行應用研發(fā)的技術(shù)類SaaS產(chǎn)品，也面臨了全新的機遇與挑戰(zhàn)。
二、設計師如何在技術(shù)類產(chǎn)品中破局？
面對復雜的技術(shù)類產(chǎn)品，由于技術(shù)的高門檻及業(yè)務的復雜性，很多時候設計師都是被動的接受需求。但我們也在思考，設計師如何在技術(shù)類產(chǎn)品中破局，如何發(fā)揮更大的價值。
因此，我們嘗試站在更高的全局視角而不是設計的本位視角，主動發(fā)現(xiàn)問題提出設計策略，實現(xiàn)設計執(zhí)行到設計驅(qū)動的突破。
全局視角的主動洞察
懷著讓設計發(fā)揮更大價值的初心，我們深入業(yè)務主動邀約產(chǎn)品關(guān)鍵角色深入溝通，了解產(chǎn)品歷史背景、技術(shù)邏輯及痛點，并發(fā)起產(chǎn)品的易用性測試、體驗走查及競品分析等動作，站在全局視角從產(chǎn)品側(cè)、用戶側(cè)和體驗側(cè)多個角度進行深入洞察，形成全面的“產(chǎn)品體檢報告”總結(jié)舊版EMAS所存在的問題：
1.產(chǎn)品側(cè)洞察——子產(chǎn)品無合力、相互割裂缺乏串聯(lián)
EMAS圍繞應用全生命周期包含12款子產(chǎn)品，卻是各個子產(chǎn)品的拼接，功能獨立零散，未形成一站式研發(fā)體驗。各個子產(chǎn)品也是以獨立垂直工具視角建設，缺乏用戶及客戶業(yè)務視角。
2.用戶側(cè)洞察——產(chǎn)品價值/能力感知弱、沒有攻占開發(fā)者心智
多數(shù)用戶并沒有完全理解產(chǎn)品的價值和能力，EMAS沒有攻占開發(fā)者心智。
3.體驗側(cè)洞察——產(chǎn)品易用性差、滿意度低
通過用戶調(diào)研的量表評分，易用性及滿意度評分低，雖然用戶對產(chǎn)品功能能力認可，但對產(chǎn)品使用體驗滿意度差。
三、設計驅(qū)動產(chǎn)品創(chuàng)新升級
基于以上分析，我們與關(guān)鍵決策人積極溝通，匯報關(guān)鍵問題及設計策略，驅(qū)動產(chǎn)品的升級創(chuàng)新，進行EMAS3.0 一站式應用研發(fā)平臺的打造。通過咬合3個業(yè)務關(guān)鍵問題，制定出以下的設計策略：
〇 策略一：打造一站式研發(fā)體驗
1.應用全生命周期協(xié)同流程梳理：
舊版的EMAS是各個子產(chǎn)品的拼接，功能獨立零散，未形成一站式的研發(fā)體驗。經(jīng)數(shù)據(jù)分析，產(chǎn)品的交叉使用率也非常的低。因此，設計首先從應用全生命周期角度，梳理了不同角色的協(xié)作流、任務流，并串聯(lián)之前子產(chǎn)品沒有打通的數(shù)據(jù)流，進行構(gòu)建-測試-發(fā)布-運維-運營全鏈路打通串聯(lián)。
2.用戶視角的產(chǎn)品架構(gòu)重構(gòu)
并且在舊版的EMAS中，各個子產(chǎn)品是以垂直工具的視角進行建設，每個子產(chǎn)品的架構(gòu)邏輯都不同，也沒有形成合理的聯(lián)動。進一步，設計驅(qū)動以用戶視角進行產(chǎn)品的架構(gòu)重構(gòu)，以”項目“作為統(tǒng)一頂層邏輯，并兼容技術(shù)架構(gòu)，進行圍繞應用的的管理，形成一站式應用研發(fā)全周期流程。
3.一站式獨立控制臺建設
在產(chǎn)品形態(tài)上，形成了以下結(jié)構(gòu)的一站式獨立的Studio框架，讓用戶能夠清晰、流暢的產(chǎn)品體系中進行應用構(gòu)建。
4.一站式全景產(chǎn)品架構(gòu)
最終，EMAS3.0一站式應用研發(fā)平臺實現(xiàn)編碼-構(gòu)建-測試-發(fā)布-運維-運營全鏈路的打通串聯(lián)。應用阿里云的Real3D能力，打造一站式產(chǎn)品全景3D互動場景，圍繞DevOps協(xié)作流串聯(lián)各個子產(chǎn)品，形成一站式應用平臺。
通過流程化研發(fā)指引幫助新手開發(fā)者快速開啟應用研發(fā)流程，也能幫助團隊不同角色成員進行項目全局管理和關(guān)鍵指標監(jiān)控。
〇 策略二：品牌建設與產(chǎn)品價值傳遞
1.增強產(chǎn)品價值/能力透傳設計
舊版的EMAS試用體驗差，且在首頁、功能初始頁等場景也缺乏產(chǎn)品能力的有效展示與使用引導。因此，我們在多個場域進行產(chǎn)品信息的有效展示及引導，進行產(chǎn)品價值/能力透傳的核心場域的典型場景建設，幫助用戶快速感知產(chǎn)品價值。
2.品牌建設，建立用戶心智
研究競品會發(fā)現(xiàn)：大部分競品缺少獨特的品牌語言——用戶很難區(qū)分彼此，無法激發(fā)用戶對產(chǎn)品的興趣 EMAS希望提供什么樣的形象與感受，現(xiàn)有的視覺設計語言能否讓用戶產(chǎn)生所預設的共鳴？因此差異化的牌語言，能體現(xiàn)EMAS獨有的品牌價值，在用戶心智建立準確的品牌形象。
首先，我們基于“卡普費雷品牌識別棱鏡”從品牌定位&品牌表現(xiàn)的維度來挖掘產(chǎn)品形象，在個性、文化、形象、關(guān)系、體現(xiàn)、外貌6個緯度對品牌進行定位。
明確了“Make smart app”這一產(chǎn)品Slogan，相應確定了產(chǎn)品“智能、高效、敏捷、靈動”的視覺語義，并從從個層面定義Smart，從各設計元素中挖掘smart的特性，來傳達品牌。
通過品牌logo的三角圖形元素貫穿運用到整個產(chǎn)品的 布局、插畫等元素，增加符號化元素的透出率，提升品牌的感知。
產(chǎn)品形象采用3D Pictogram配上動效，通過材質(zhì)和光影的變化，更豐富傳達各子產(chǎn)品的特點，體感更強。
〇 策略三：易用性改進提升研發(fā)效能
舊版EMAS經(jīng)過用戶調(diào)研的量表評分，產(chǎn)品易用性為6.8分，未達到優(yōu)秀標準，在整體研發(fā)易操作性及易學性等方面存在20+體驗問題。
因此，我們基進行了深入的易用性度量和測試，挖掘出20+體驗問題，除了問題的單點解決外，我們也形成了系統(tǒng)化的解決方案，形成了“一鍵接入”、”流水線編排““跨產(chǎn)品引導”、”場景化開發(fā)指引“等易用性策略和范式。最終形成了完善的一站式應用研發(fā)設計體系。
四、技術(shù)類SaaS產(chǎn)品設計方法
通過以上項目的體系化設計的最佳實踐，我們逐漸總結(jié)出一套技術(shù)類SaaS產(chǎn)品創(chuàng)新設計方法：基于“產(chǎn)品/技術(shù)能力”、“產(chǎn)品價值傳遞”、“使用體驗”及“ARR”四個產(chǎn)品關(guān)鍵要素的抽取和分析，明確了“連貫度”、“價值感”、“易用性”、“轉(zhuǎn)化率”四大開發(fā)者體驗原則，進而形成一系列體驗設計要素，指導設計師有章可循的去進行技術(shù)類產(chǎn)品的思考和設計工作。
設計師是人與科技間的鏈接者，在數(shù)字化變革的浪潮中發(fā)揮著重要的作用，通過對用戶、產(chǎn)品、體驗的深度洞察，讓科技逐步普惠化、民主化。
原文地址： 阿里云設計中心
作者：
轉(zhuǎn)載請注明：學UI網(wǎng)》數(shù)字化浪潮下，設計師如何驅(qū)動技術(shù)類SaaS產(chǎn)品的升級與創(chuàng)新？
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設計( yvirxh.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司