https://mp.weixin.qq.com/s/pL1nCXf0b90YdMIxL0zcHQ

    当设计遇见技术,B端体验的进化 - 图1

    数字化浪潮与云计算理念不断演进,云原生成为业务创新发展的重要驱动力,面向未来的企业应用,生于云、长于云。

    我们在技术趋势中眺望,从数据中寻找答案,开箱体验与便捷操作成为云产品连接用户的纽带,透过设计让技术普惠。

    本文3790个字,阅读需要10分钟。
    文末还有彩蛋🥚,你也可以先👀彩蛋~
    当设计遇见技术,B端体验的进化 - 图2
    当设计遇见技术,B端体验的进化 - 图3
    当设计遇见技术,B端体验的进化 - 图4

    当设计遇见技术,B端体验的进化 - 图5

    Xconsole诞生于多年上百款云产品设计沉淀而来的体验设计实践。

    AlibabaCloudDesign
    208

    当设计遇见技术,B端体验的进化 - 图6
    这一年我们对基础组件进行更精细的打磨优化、增加了更多复杂的业务功能组件、引入了更多业务域的解决方案最佳实践,提供给更多云产品团队使用。

    当设计遇见技术,B端体验的进化 - 图7

    Xconsole之于巨系统的进化不是点击魔力按钮后的瞬间转变,而是通过实际深耕来解决盘根错节般的业务问题,逐渐的推动并维持巨石向着正确的方向移动。

    点击文末“阅读原文”前往 Xconsole 平台体验

    当设计遇见技术,B端体验的进化 - 图8

    image.png

    这一年,Xbuild为用户提供了更丰富组件物料及控制台场景模板;优化搭建能力、提升了组件交互能力;使预览场景下能够更真实的模拟展示业务逻辑。

    当设计遇见技术,B端体验的进化 - 图10

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

    当设计遇见技术,B端体验的进化 - 图11

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

    当设计遇见技术,B端体验的进化 - 图12
    当设计遇见技术,B端体验的进化 - 图13

    当设计遇见技术,B端体验的进化 - 图14

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

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

    当设计遇见技术,B端体验的进化 - 图15

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

    AlibabaCloudDesign
    879

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

    当设计遇见技术,B端体验的进化 - 图16

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

    当设计遇见技术,B端体验的进化 - 图17
    当设计遇见技术,B端体验的进化 - 图18
    当设计遇见技术,B端体验的进化 - 图19
    当设计遇见技术,B端体验的进化 - 图20
    当设计遇见技术,B端体验的进化 - 图21
    当设计遇见技术,B端体验的进化 - 图22
    当设计遇见技术,B端体验的进化 - 图23
    - B-Design色彩工具家族
    ⟵ 向左滑动

    当设计遇见技术,B端体验的进化 - 图24
    当设计遇见技术,B端体验的进化 - 图25
    image.png当设计遇见技术,B端体验的进化 - 图27

    当设计遇见技术,B端体验的进化 - 图28

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

    当设计遇见技术,B端体验的进化 - 图29
    - 可观测基石:数据分析能力

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

    当设计遇见技术,B端体验的进化 - 图30
    当设计遇见技术,B端体验的进化 - 图31

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

    当设计遇见技术,B端体验的进化 - 图32
    - ObservableX_调用链范式

    当设计遇见技术,B端体验的进化 - 图33

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

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

    流量安全领域的应用
    **

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

    当设计遇见技术,B端体验的进化 - 图34当设计遇见技术,B端体验的进化 - 图35
    - 流量安全全景风险管理

    数据库管理领域的应用
    **

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

    当设计遇见技术,B端体验的进化 - 图36
    - 专属集群MyBase全景管控

    云原生容器产品
    **

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

    当设计遇见技术,B端体验的进化 - 图37
    - 云原生容器全明监控

    当设计遇见技术,B端体验的进化 - 图38

    当设计遇见技术,B端体验的进化 - 图39

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

    当设计遇见技术,B端体验的进化 - 图40
    当设计遇见技术,B端体验的进化 - 图41
    ⟵ 向左滑动

    当设计遇见技术,B端体验的进化 - 图42
    当设计遇见技术,B端体验的进化 - 图43
    当设计遇见技术,B端体验的进化 - 图44当设计遇见技术,B端体验的进化 - 图45

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

    当设计遇见技术,B端体验的进化 - 图46

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

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

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

    当设计遇见技术,B端体验的进化 - 图47

    当设计遇见技术,B端体验的进化 - 图48
    - 技术类SaaS产品创新设计方法

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

    当设计遇见技术,B端体验的进化 - 图49
    - 一站式全景研发产品架构

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

    当设计遇见技术,B端体验的进化 - 图50
    - 多视角管理能力

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

    当设计遇见技术,B端体验的进化 - 图51
    当设计遇见技术,B端体验的进化 - 图52
    - 全新视觉语义

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

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

    当设计遇见技术,B端体验的进化 - 图53
    - 低代码编辑器架构

    当设计遇见技术,B端体验的进化 - 图54
    - Mobi低代码平台

    当设计遇见技术,B端体验的进化 - 图55

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

    **

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

    当设计遇见技术,B端体验的进化 - 图56
    - DMS一站式数据管理

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

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

    当设计遇见技术,B端体验的进化 - 图57
    - 数据库血缘可视化

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

    当设计遇见技术,B端体验的进化 - 图58
    - 任务编排可视化

    当设计遇见技术,B端体验的进化 - 图59

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

    当设计遇见技术,B端体验的进化 - 图60
    当设计遇见技术,B端体验的进化 - 图61
    - Serverless技术可视化
    ⟵ 向左滑动

    当设计遇见技术,B端体验的进化 - 图62
    image.png
    image.png
    当设计遇见技术,B端体验的进化 - 图65

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

    对于云计算产品设计师来说,如何传递出产品是“值得信任的”也显得尤为重要。
    结合多年云安全领域的产品设计经验,我们逐渐形成了以建立用户信任为核心设计方法体系,来帮助我们的用户理解云、信赖云。

    当设计遇见技术,B端体验的进化 - 图66
    - 信任体验模型

    当设计遇见技术,B端体验的进化 - 图67

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

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

    当设计遇见技术,B端体验的进化 - 图68
    - 云安全基因图谱

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

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

    当设计遇见技术,B端体验的进化 - 图69
    - 云平台默认免疫机制

    AlibabaCloudDesign
    100
    - 云平台默认免疫机制

    当设计遇见技术,B端体验的进化 - 图70

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

    **

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

    当设计遇见技术,B端体验的进化 - 图71
    - DDoS防护-攻击分析

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

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

    当设计遇见技术,B端体验的进化 - 图72
    - 云安全中心-容器网络拓扑

    当设计遇见技术,B端体验的进化 - 图73
    **

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

    **

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

    当设计遇见技术,B端体验的进化 - 图74
    - 安全产品主动关怀措施

    当设计遇上技术的变革,设计师需要不断进化体验的能力,保持动态的迭代,持续为用户提供简单易用的B端产品。
    当设计遇见技术,B端体验的进化 - 图75当设计遇见技术,B端体验的进化 - 图76当设计遇见技术,B端体验的进化 - 图77当设计遇见技术,B端体验的进化 - 图78

    感谢本篇的内容提供者

    昀至/晚书/斐虹/小取/小瞧/吾音/梨一/

    小民/支尚/不喜/海航/光西/郁夏/艮乐/
    行休/十修/六博/三略/君沫/舒石/艺书/
    家治/海洋/嘉欢/汶殊…

    云产品设计师被比喻为下水道规划师,
    一度以为他们是一群无聊的人,
    才能够忍受这样的孤独。

    但是,在我们团队,
    他们其中有30%的外交家,
    28%守护者,
    28%分析家,
    15%探险家。

    当设计遇见技术,B端体验的进化 - 图79

    感谢你啃完这篇文章
    接下来是彩蛋🥚时间

    AlibabaCloudDesign
    123

    怀旧一下,冷静一下。

    明天继续
    当设计遇见趋势,数字世界的定义者

    新设计,新青年

    2022

    当设计遇见技术,B端体验的进化 - 图80


    About us

    不设限,不追随,不为设计为未来

    我们是阿里云设计中心

    当设计遇见技术,B端体验的进化 - 图81

    Presented by

    当设计遇见技术,B端体验的进化 - 图82