数字化浪潮下，设计师如何驱动技术类SaaS产品的升级与创新？

数字化浪潮下的变革

随着数字化浪潮的深入和疫情的持续，企业的数字化变革日渐进入白热化阶段。云计算技术类SaaS产品在其中起到了越来越重要的作用，帮助开发者们能简单、快速的完成应用/软件的研发。

本文将分享面对技术类SaaS产品，设计如何驱动产品升级创新，增强开发者心智与体验，打造全新一站式应用研发平台，帮助企业/开发者降本提效。

全文共 2738 字，阅读需要7分钟

①

应用/软件研发就是单纯的敲代码？

在我们传统认知里，应用/软件研发似乎就是开发者在黑色屏幕前敲代码。但随着敏捷研发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”四个产品关键要素的抽取和分析，明确了“连贯度”、“价值感”、“易用性”、“转化率”四大开发者体验原则，进而形成一系列体验设计要素，指导设计师有章可循的去进行技术类产品的思考和设计工作。