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

数字化浪潮下的变革

随着数字化浪潮的深入和疫情的持续,企业的数字化变革日渐进入白热化阶段。云计算技术类SaaS产品在其中起到了越来越重要的作用,帮助开发者们能简单、快速的完成应用/软件的研发。
本文将分享面对技术类SaaS产品,设计如何驱动产品升级创新,增强开发者心智与体验,打造全新一站式应用研发平台,帮助企业/开发者降本提效。


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

设计师是人与科技间的链接者,在数字化变革的浪潮中发挥着重要的作用,通过对用户、产品、体验的深度洞察,让科技逐步普惠化、民主化。

原文:https://mp.weixin.qq.com/s/YP6xCRTFivOEVJJWl0xaHg

- Posted in: Blog

- Tags: , ,

0 条评论 ,1,903 次阅读

发表评论

  1. 既然来了,说些什么?

Top