为何要构建企业数字化产品的设计系统?有何好处?

用户体验   2022-09-05

UX体验设计是一门在产品和用户之间建立关系的艺术,而设计系统最有能力以最具创造性和整体性的方式实现这一目标。他们通过构建共享增强功能和制定规则来将混乱变成有序,降低产品运行成本。在过去的十年间,围绕设计系统构建的兴趣、技术和社区爆炸式增长。虽然设计系统不是一个新物种,但一些最大的公司直到现在仍在正在构建,或者甚至还没有开始,或者开始了却做成一锅粥.....那么是什么让越来越多的公司决定他们需要创造的改变,这就是设计系统提供的价值,从哪里开始以及如何继续是我将在本文中讨论。

早期设计系统:
通常向开发人员提供了一个PDF设计规范文档,主要用于制作产品的样式指南,称为“UI设计库”,其中几乎是颜色、排版和主要内容的文档成分。一切都以更加静态和线性的方式交付给开发人员,他们将这些指南解释为类似于代码决策的Style样式表。

现在的设计系统:
现在的设计系统设计包含的内容很多:有规则、约束和设计原则,并同步在设计和代码中实现。设计系统被描述为构成产品整体身份的一组元素。包括几乎所有内容:
1、品牌指南
2、设计原则
3、文案话术
4、设计原型
5、用户界面
6、营销模式
7、摄影插图
8、动效声效
整个系统涵盖文档、UI组件、示例和编码指南的所有这些资产都被打包在一起,积累成一个庞大的知识库,供今天的团队成员和未来的新成员参考和使用,同时也可以以不同的组合和样式重复使用,允许设计师和开发团队大规模进行设计管理。

为什么企业需要设计系统?
在这两种情况下,大多数公司都意识到没有设计系统对他们造成的损害有多大,然后再决定是否构建设计系统。设计系统是为变化而构建的,公司了解他们需要的变化。  设计系统是为节省时间和金钱而被发明出来的,他带来了明显的回报。想象一家拥有 10 名设计师和 50 名开发人员的团队,只是重用设计系统模式库中的一个组件,而不是他们每个人每次都单独设计它,并且每年可以节省多少资金。

设计系统通过以下方式使公司受益:
1、为设计人员和开发人员提供单一的知识库,因此从事产品工作的每个人都始终在同一页面上。
2、节省时间和金钱。通过更高效、更快速地重用现有资产,无需重复并且可以轻松扩展
3、填补沟通空白,让设计师专注于体验,让开发者专注于实施。
4、通过明确定义和学习的行为改善用户体验。

从哪儿开始设计?
当我们在一个项目上工作时,我们很容易失去一致性。当与其他设计师合作时,甚至在不同的团队中,情况会更加复杂。 虽然设计系统包含大量元素,但它是与整个产品团队合作创建的。理想情况下,设计师、工程师、程序员和产品经理可能是主要的团队成员,他们致力于为此工作并制定他们的总体规划。

他们中的大多数都以几乎相同的方式设置。它们包含显示系统主要类别的顶级导航,通常是品牌、设计、UI组件、代码等。在每个类别中,子导航进一步将这些类别分解为更具体的资产。 最有效的方法是从低级组件(测量和间距、颜色、排版、图标、使用列和网格)开始。

原子设计:其理念是UI设计界面应始终依赖于界面的最小部分(原子)来构建任何其他资产。在使用原子设计时,我们始终必须记住,相同的组件将在非常不同的上下文中重用,同时一组元素相互依赖。然而,组件本身必须有自己的断点和自己的流动行为。 为系统创建一个自然的需求层次结构从这个开始,然后从小事开始。

今天建设,明天思考。设计你以后需要的各种东西是组织你的想法和避免错误的好方法。例如,不要只设计按钮,还要设计它们的状态(默认、悬停、活动、聚焦、禁用)。这是确保一致性的关键。

在设计系统的每一部分背后,都有一个微系统存在。系统建立在系统之上。

如果我添加或删除一个元素会发生什么,以及这个组件的响应行为是什么。如果我们希望我们的系统同时具有可重用性和丰富性,这个过程是必要的。最后,保留注释,以便以后构建文档时更容易。如果没有记录,它就不存在。

确保采用
虽然设计一个系统是这里的主要事情,但有影响力的事情是让其他团队成员采用。他们的需求以及他们将如何使用设计系统的某些部分至关重要。将使用设计系统的人必须经常和尽早参与,以便与它进行交互并拥有自己的声音。频繁更新、修复错误、编辑功能和推出对设计系统的更改也是基本问题。 

最后
设计系统通过创建共享区域、模块、从而增强功能和制定规则来将混乱变成有序,降低数字化产品的运行成本,设计系统构建了知识资源库,帮助设计师、程序员、运营人员、产品经理们的理解和探索。 构建设计系统必须成为每个企业构建产品理念的重要组成部分,同时也是您的品牌地图,可以帮助您开拓和进入新领域。

维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码