如何应对企业数字化转型的挑战(上)

用户头像
苏州/UI设计师/3年前/314浏览
如何应对企业数字化转型的挑战(上)
用户头像
高会会

参加过2022年的UCAN设计周之后,结合前辈们已分享的观点及本次所得。整理成这篇文章,希望能给大家带来一丝丝启发。

一、企业为什么要数字化转型?

1、国家政策支持数字化转型

“十四五”规划纲要提出,迎接数字时代,激活数据要素潜能,推进网络强国建设,加快建设数字经济、数字社会、数字政府,以数字化转型整体驱动生产方式、生活方式和治理方式变革。中国1000强的企业里面有50%已经把数字化作为面向未来的关键策略,根据权威机构的预测,未来超过65%的企业都是基于信息和数字的公司。国家的重视与可观的经济数据共同代表一个趋势,数字化已经成为行业的主流认知。

2、企业的发展“外困于市场”

1)、市场竞争激烈,企业利润走低
2)、能源消耗过大,质量要求高
3)、劳动力老龄化,人力成本高
4)、客户需求升级
数字化转型关键在“转型”,包括业务、组织、思想、工具等。

3、企业的发展“内困于管理”

1)、执行低效之痛
2)、管理决策之痛
3)、风险防范之痛
在数字化转型大潮中,如果不进行数字化转型,那么企业将会被用户抛弃、被竞争对手超越、被市场边缘化,以致最终出局。企业数字化转型可以捕获新的市场机会,尝试新的商业模式,在未来商业市场中提前占位

机会点:

受疫情和工业互联网创新的产业政策影响,越来越多的企业意识到数字化转型已成为发展战略中的必选项。数字化转型已经渗透到我们生活的方方面面,从娱乐消费到政务服务,都背靠强大的数据服务。

二、企业数字化转型的体验设计

以阿里云为例

应用阿里云设计服务理论模型,设计决策点、里程碑、验收指标

三、阿里云B-Design,为企业上云而作

原文链接:https://www.xueui.cn/experience/study-method/project-analysis/enterprise-design-in-cloud-era-
在这个各行各业都在拥抱云计算,积极地讨论着“行业重构”,“SaaS化”,“建设企业中台”的时代,设计师对B类设计的理解是否还停留在「页面简单,靠表格表单,专注提效,好看没必要」的传统想法?

1、云计算带来的设计变革

1)、行业:企业服务逐渐商品化
2)、功能:业务与技术的更深融合
3)、用户:业务员与开发者边界的模糊化

二、阿里云B-Design,为企业上云而作

未来的企业服务产品,会逐渐转向「搭积木」式的设计模式—底层构建丰富而可解耦的技术能力模块,上层以解决问题的方式组装不同的业务产品。像CRM这样大型的业务系统,不会是越长越大越发冗余,而是可以被拆分成小颗粒的原子能力集,灵活组装成不同体量不同侧重的分子产品。
面对企业全面上云,交付场景千变万化,阿里建了全新的B-Design企业级设计系统

介绍视频:视频号AlibababCloudDesign

B-Design的以阿里云行业的产品交付经验为基础,对内帮助解决方案交付和业务上云,对外配合云计算的能力输出,赋能合作伙伴与开发者,建设各自的产品。
B-Design倡导 “简单,专业,包容” 的原则,灵活满足不同行业,不同场景,不同品牌的客户诉求。通过鲜明而灵动的视觉风格,来建设云生态下的设计认同。

1.灵活而包容的框架设计

适配多端的设计模块

2.风格化与品牌强化

为满足不同客户的差异化定制,B-Design允许客户在视觉语言基础上打造符合自己品牌风格的设计。
B-Design提供冷暖2色代表,橙色作为暖色系中最温暖的颜色,欢快 活力,积极向上,蓝色稳定,和平,自信,有点活跃的同时不至于太死板,建立企业服务产品的可靠性与稳定。

B-Design提供适应多行业的家族色系统,帮助合作伙伴与客户强化自己的品牌调性,打造一个符合用户自己品牌的配色方案。

难题:允许客户过度开放,是否会丢失掉B-Design的设计内核,变成彻底的工具?如何在帮助客户传递品牌的同时,体现出生态的设计凝聚力,形成阿里云的设计认同?

我们需要用更加鲜明的,风格化的元素去体现自己的特点。
B-Design的呼吸色「Breathing Color」,灵活,流动性强,带入科技与智慧感,在繁忙的数字世界、人机交互过程中,鼓励正念(mindfulness)和交流(communication),也传达其不断的思考性(thinking)。让品牌与界面呼吸起来 。
呼吸色作为B-Design设计最核心的特色之一,应用在卡片中,大背景,品牌氛围等场景中。

在了解呼吸色之前,首先了解一下LCH颜色

LCH 代表亮度 (颜色的深/浅)色度 (颜色的鲜艳/饱和度)色调 (颜色是红色、绿色、蓝色……)
简而言之,LCH 是一种与 RGB 或 HSL 一样的颜色表示方式,但有一些显着的优势——对于本教程来说最重要的是它的感知均匀性。在本教程中,我们几乎只使用 LCH 颜色。我知道这听起来有点吓人,但我保证不会;让我告诉你这意味着什么!
首先,看看这两对 HSL 颜色:

尽管顶部和底部对具有相同的 20 度色相变化,但我们 实际 看到的差异却大不相同?这种不平衡的存在是因为 HSL 在感知上并不统一。
现在看看同样的实验,这次使用 LCH 颜色:

这里看到的色调变化更加平衡,因为 LCH 在 感知上是均匀的。 接下来,我们来看看另外两种 HSL 颜色:

这两种颜色具有相同的亮度值,但在我们的人眼看来却大不相同。左边的黄色比右边的蓝色“亮”得多。
这是一个类似的设置,但使用的是 LCH 颜色而不是 HSL:

如上图所示,LCH 中的亮度值更准确地表示了我们所感知的内容——这与 LCH 的均匀色调分布相结合,将使我们 在创建和谐的调色板时更加轻松

为了帮助用户快速构建自己的呼吸色体系,我们开发了一个呼吸色工具,自定义调整颜色、动态类型,呼吸频率等。

全新的B-Design 3.0,也将呼吸色进一步升级为了呼吸UI——让色彩在UI组件中进行呼吸和流动。

虚实-毛玻璃
毛玻璃效果除了视觉点缀,传达品牌调性以外,更可以创造一种空间感,呈现介于2D与3D之间的层级。在零售,医疗等贯穿线上线下体验的产品中,尤其可以制造视觉差,帮助到用户理解信息之间的层级关系。

3.打造设计品质

B-Design希望扭转企业级设计长久以来简单,枯燥,只强调效率的设计现状,赋予阿里云企业生态更强烈的风格和品质感,打造一个年轻,生动,专业的设计形象。
专业化组件升级
原子级的组件(component),是一切设计系统的基石,B-Design的组件基于阿里云控制台Xconsole设计体系打磨多年的设计经验,除了常规通用组件外,也提供如多维筛选,代码编辑器等专业组件。
原有云计算组件的基础上,B-Design将呼吸色,圆角,企业级配色体系等融入其中,给出更加灵活的多变,更细腻的设计方案。

圆角与阴影
圆角的设计使控制台看起来更为亲和、友好。圆角的设计会贯穿在B-Design组件、卡片和页面布局中,配合多个层级的阴影效果,更清晰地展示信息层级。

数据可视化
B-Design通过对阿里云及行业交付领域大量案例的分析和比对,结合云运维、云安全、城市数字化、线上线下数据共享等领域场景,整理出一套完整的,用于数据可视化的配色与布局方案。

三维与微动效
在B-Design中,动效的出现旨在「连接“元素、用户、品牌”」,在专业的场景中,使用动效不仅仅为了吸引用户注意,更在于连接相关的信息,用户心智,和品牌元素。我们也沉淀出具有云计算和B-Design特点的一些典型动效供用户选择。

暗黑风格
超过七成的工程师们都喜欢使用暗色的代码编辑器和工作台。对于为什么专业开发者偏爱暗黑色或许可以推给宇宙未解之谜。但提供暗黑版本,是定位「服务专业开发者」的B-Design不可或缺的部分。
针对暗黑版本,B-Design有针对性地构建配色模式,响应状态,和大部分核心组件。

三、阿里云成功经验沉淀行业设计模板
阿里云的企业生态包括面向行业的解决方案,企业级SaaS产品及专业的开发运维工具等。在继承阿里云的设计风格和元素的同时,我们希望阿里云生态下的设计师与合作伙伴,能够专注自己的业务逻辑,快速搭建高级和有品质的产品体验。

四、去中心化的演进方式

在设计系统的基础版本定义完成后,我们希望以开源化的方式来运作 B-Design,让它不止是属于阿里云的,也是属于云时代的,属于领域和客户的。云计算生态下的各个行业开发者,设计师,都可以参与 B-Design 的共创,利用 B-Design 的风格建立属于自己的设计模板,设计规范。

-------------------------(未完)-------------------------

1
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
国画水墨江南山水画装饰画电视背景墙装饰画
人物运动系列插画扁平风
玫瑰
love玫瑰花
宠物纪念相册H5模板系列 · 温馨治愈系 · 三款主题
【中秋节】中秋海报
购物电商矢量插画
彩灯_花灯_春节彩灯_春节花灯_马年彩灯_马年花灯
汉堡插画
炫光
民国穿旗袍女人新中式装饰画服装杂志封面画轻奢画
乐陶创意体验工坊标志设计
木纹贴图设计师常用
中国金融投资理财保险3D商业矢量插画海报
走进寿县:历史、美食、民俗交织的魅力画卷
立春节气背景
古典中国风线香礼盒包装设计矢量素材
中国风书法汉字字体设计其他
卡通兔子插画
我要奋斗
苏门答腊虎母子插画
中秋佳节花好月圆
女生半身插画
船坞民宿概方案
头发1
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册