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

2022-8-5    seo达人


一、应用/软件研发就是单纯的敲代码?

在我们传统认知里,应用/软件研发似乎就是开发者在黑色屏幕前敲代码。但随着敏捷研发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。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档