让使用者轻松、高效完成一个产品原型从 0 到 1 的搭建,为设计者与开发者提效。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图1

    在云上,任务通常是复杂的,需要很多人协作完成。为了提升完成任务的便利性、效率,我们通过重新设计云产品的功能,将阿里云产品的管控体验,浓缩于股掌之中。全面升级为【阿里云移动管控平台和技术成长平台】。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图2

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图3

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图4

    全新移动端以「Fusion· 融」为核心设计理念,整合多种形态的内容,对主机端移动端的跨端沟通,多人流转,按需生成任务流等体验进行优化。将云产品功能模块化,将任务执行的方式多端化,让云融合更多人、更多可能性。

    同时,全新的设计方案也获得了 iF Design Award 2022 的两项设计大奖。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图5

    「B-Design 企业级设计系统」面向中小企业提供高质量、标准化的设计与开发规范,让好体验简单易得。

    全新 3.0 版本包含 45 + 组件的 UI Kit ,覆盖 10 + 行业的模板库与工程化代码库,已应用于 90 + 阿里云内部与生态产品,带给客户开箱即用的设计与开发体验。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图6

    设计上,B-Design 首创风格化 “呼吸”UI,搭配色板生成工具与呼吸色生成工具,帮助企业定制专属高识别性、品牌化的界面。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图7

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图8

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图9

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图10

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图11

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图12

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图13

    • B-Design 色彩工具家族

    ⟵ 向左滑动

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图14

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图15

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图16
    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图17

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图18

    可观测体验设计(ObservableX)是基于云原生实践,从近百款阿里云产品的设计探索和体验创新中形成的一套设计方法体系,帮助用户从海量数据中高效定位关键信息,作出合理决策和行动。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图19

    • 可观测基石:数据分析能力

    借助可观测体验(ObservableX)提供的基础指标图表和场景化的体验范式,可以有效提升业务系统的性能和稳定性。用户能够快速溯源、定位根因,给出修复方案甚至预防问题发生。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图20

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图21

    例如,我们通过对应用监控和安全领域常见的链路分析功能的设计实践,总结出调用链范式,可应用于观测各类事件发生的时间、时长、顺序,或对象随时间变化的场景。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图22

    • ObservableX_调用链范式

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图23

    在云计算产品设计领域,工程师每天都需要面对海量数据、处理海量问题。

    通过设计与技术的结合,构建 3D 全景可视化管控的体验能力,我们把单点、割裂的表单页面变为全景、立体的三维管控,有效解决了传统表单网页信息割裂,路径长等痛点,3D All-in-one 实现信息聚拢,一站式可视化互动管控。

    流量安全领域的应用

    我们通过把复杂抽象的攻击链路转化为可视易懂的三维图像,帮助用户进行可视化流量分析、洞察安全风险、及时采取有效措施,从而提升云上流量型产品安全能力。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图24
    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图25

    • 流量安全全景风险管理

    数据库管理领域的应用

    常见的表格表单方式难以表达多层级复杂的信息架构,数据库资源的三维全景视图可以清晰展示集群、主机、实例等多层级信息,提升运维操作效率。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图26

    • 专属集群 MyBase 全景管控

    云原生容器产品

    设计还原真实业务系统 IT 架构,构建业务层(应用)到资源层(容器)3D 全链路可视化监控,方便用户进行问题溯源,高效排障。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图27

    • 云原生容器全明监控

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图28

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图29

    基于用户的真实地理节点与云资产数据,对上百种类型的云产品资产分类展示,通过多种互动方式,帮助用户基于地理地域的 “上帝视角”,直觉、高效的概览云资源的数目与状态。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图30

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图31

    ⟵ 向左滑动

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图32

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图33

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图34
    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图35

    随着数字化浪潮的深入和疫情的持续,企业的数字化变革日渐进入白热化阶段。作为数字化时代的设计师,也一直在思考如何从体验上帮助技术更加平民化,做到更好地降低开发门槛。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图36

    设计驱动下的一站式应用研发体验

    在传统认知里,应用 / 软件研发似乎就是开发者在黑色屏幕前敲代码。随着敏捷研发 DevOps 理念的发展,应用研发转变为围绕 devops 的协作工作流,涉及多样化的工具和不同人员的协作。但现有的研发工具却是多个子产品的简单缝合,难以帮助开发者高效完成应用的研发。

    因此,设计驱动 EMAS3.0 一站式应用研发平台创新升级,实现了一站式、平台化的研发流程体验。并形成技术类 SaaS 产品的创新设计方法。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图37

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图38

    • 技术类 SaaS 产品创新设计方法

    EMAS3.0 一站式应用研发平台基于用户体验视角,围绕应用研发全生命周期,实现编码 - 构建 - 测试 - 发布 - 运维 - 运营全链路的打通串联。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图39

    • 一站式全景研发产品架构

    通过流程化研发指引帮助新手开发者快速开启应用研发流程,也能帮助团队不同角色成员进行项目全局管理和关键指标监控。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图40

    • 多视角管理能力

    通过多样化的视觉表现,建立起智能、高效、敏捷、灵动的产品语义,强化产品的开发者心智。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图41

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图42

    • 全新视觉语义

    代码化设计助力技术民主化

    设计助力低代码研发平台 MOBI 的孵化,使不同经验的开发者甚至业务人员,可以通过可视化托拉拽的方式开发自己的应用程序,而不是传统的编写代码方式,来进行页面、业务流程、逻辑和数据模型的搭建。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图43

    • 低代码编辑器架构

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图44

    • Mobi 低代码平台

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图45

    设计提升数据全生命周期操作效率

    随着数据管理场景复杂度的增加,会出现数据管理多产品间体验不一致、操作效率低等问题,在此背景下我们提出建设一站式数据管理体验,帮助用户流畅地进行数据管理。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图46

    • DMS 一站式数据管理

    针对数据库领域差异化场景提升操作效率

    数据库有很多异于其他技术产品的操作场景,设计师在数据资产管理中使用血缘可视化的方式解决资产关联不清晰问题,相较于表单表格管理,可以直观展示出资产的上下游影响。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图47

    • 数据库血缘可视化

    在任务编排场景中,设计师通过可视化编排让结构逻辑更易懂。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图48

    • 任务编排可视化

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图49

    在新的技术领域 Serverless 系列产品中,通过可视化的技术原理演示,直观传达阿里云 Serverless 带来的工程效率的提升(自动化构建)和资源效率的提升(弹性 + 成本),帮助开发者了解技术原理和优势。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图50

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图51

    • Serverless 技术可视化

    ⟵ 向左滑动

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图52

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图53

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图54

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图55

    “云” 不再是一个陌生的词汇,而变成一个让大家值得信任的工具。

    对于云计算产品设计师来说,如何传递出产品是 “值得信任的” 也显得尤为重要。

    结合多年云安全领域的产品设计经验,我们逐渐形成了以建立用户信任为核心设计方法体系,来帮助我们的用户理解云、信赖云。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图56

    • 信任体验模型

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图57

    将产品能力直接透传给用户

    云原生时代,安全不再是之前外挂式的防护,而是产品中原生的基因。我们测绘了阿里云 8 大产品线的 16 类安全能力,映射为基因值,通过动效演绎抽象的数据。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图58

    • 云安全基因图谱

    让用户了解我们的防护机制

    可视化呈现了默认免疫防护模块在面对公共云上的病毒入侵时进行自动化的识别、清理、自学习和 “群体性免疫” 的进化机制,帮助客户理解云平台应对大规模攻击爆发的运行机制。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图59

    • 云平台默认免疫机制

    • 云平台默认免疫机制

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图60

    结合策略生效情况的攻击分析,辅助用户进行策略调优操作

    当用户遭受攻击查看攻击事件分析时,通过攻击态势与策略防护关系的可视化,可溯源的策略生效情况,帮助用户进一步优化防护策略,提升防护效果。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图61

    • DDoS 防护 - 攻击分析

    多视角资产呈现,帮助用户集中管控并快速采取行动

    在安全中心容器网络拓扑场景中,提供从集群到应用的各类资产视角,让用户了解相关容器资产的运行情况,以便在复杂的容器结构中,快速定位问题对象,进行快速修复。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图62

    • 云安全中心 - 容器网络拓扑

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图63

    关键触点主动提醒,帮助用户提前规避安全风险

    在产品全生命周期的关键触点都进行主动提示,例如在用户安全防护即将失效前进行主动提醒,帮助规避更大的安全风险。

    当设计遇见技术,B端体验的进化者——2022阿里云设计中心年鉴 - 图64

    • 安全产品主动关怀措施

    当设计遇上技术的变革,设计师需要不断进化体验的能力,保持动态的迭代,持续为用户提供简单易用的 B 端产品。
    https://mp.weixin.qq.com/s/pL1nCXf0b90YdMIxL0zcHQ