伟大的产品离不开开发和设计的良好沟通。无论你是谁,归根结底,我们都是在创造软件产品。有了设计系统之后,沟通将变得更加简单。
但是谁将建立起设计和开发之间的沟通桥梁呢?
我把这些推动者称为 Design Systems Ops。Design Systems Ops: 规模化地装运(设计)。
Design Systems Ops 是设计团队的一部分,他需要足够了解设计,并且要了解他们试图概念化什么。同时,Design Systems Ops 需要理解工程师的需求和定义方法,这将有助于设计系统的装运和规模化。在某些程度上,一个 Design Systems Ops 是两个世界的翻译。
大多数公司存在的问题
在大多数组织流程结构中,从概念到用户的过程是相当脱节的,以致于产品最终完成时和设计师的初衷很不一致。
从概念到用户的一种典型流程是:越靠近用户阶段,还原度越低。
信号(概念)受到干扰(低效率)而逐渐变弱,产品在一个非常低的还原度中结束。这种失败对公司创造高质量产品的能力有着巨大影响,并且造成巨大商业机会的浪费。
设计系统能干什么
风格指南、模式库、设计系统等都有助于围绕一种通用的设计语言去规范化实践和设计模式。而语言障碍恰恰是大多数低效率的诱因。
从颜色命名、对象、惯例、组件等开始,到记录最好的最细枝末节的体验,比如动画定时或表单元素的圆角度值。
一个好的设计系统能让设计决策更快。(比如“ call to action 应该是什么颜色”)。从而设计师可以在同样长的时间里,将更多的时间放在(优化)用户流程和对多种概念的探索上。
一个好的设计系统也是帮助开发团队在开发阶段找到获取设计的唯一来源。这对一致性很有好处,因为所有的 call-to-action 都将表现一致。
设计系统能在这个过程中减少做无用功:还原度一路上将保持大致稳定。
一些设计系统也用代码来传达设计模式。这些设计系统从概念开始阶段,到原型阶段,直到实现阶段都能证明其价值。当公司遵循这种方式,这种方式对于生产效率和还原度都是很有帮助的。
一个设计系统不是一个项目,它是一个产品,服务型产品 -- Nathan Curtis
然而,一些设计系统并没有获得它们应有的赞许,却沦为设计模式的光荣榜,而这些模式离真正的产品代码非常遥远。这是因为对于几个设计师和工程师的部分投资 是不足够的:一个设计系统不是简单一个项目,它是一个产品(或就像 Nathan Curtis说的: “一个设计系统不是一个项目,它是一个产品,服务性产品。”)。为了让设计系统在交付流程的不同阶段都显现出对应的价值,它需要适当规划,用户研究和方法(和很多热爱)。那些创造出最优设计系统的团队,都将设计系统的目标定位为有生命力的设计系统。
引入 Design Systems Ops
有生命力的设计系统和其他设计系统之间存在的差距是巨大的。这主要是因为开发团队和设计团队缺乏良好的沟通。最终,产品将用代码的格式呈现,在这过程中影响效率的任何事情都应该被检查。通过引入一个 Design Systems Ops 的角色(灵感来自 DevOps 运动),能够改善这些低效:
通过在设计和开发间引入一位中间者,进一步减少低效,增加软件交付的还原度。
来自于设计系统两边的许多问题:
我学习了一些像 Bootstrap 和 Material Design Lite 这样的开源项目。在《卫报》, 我开始构建起设计和开发的桥梁,里面提到主要采用 Sass 。在金融时报为 Origami 项目工作时也帮助我发现规模化设计的新思路。 我今天工作的地方: Salesforce ,有一个团队的工程师作为 Design Systems Ops,热衷于将更快更好的代码交付给用户。
在回顾我过往如何规模化设计的经验之后,这些都是 Design System Ops 可以做的工作:
前面这一系列是以前端为中心的,但是这里有些更接近后端的:
或者,更靠近市场营销这边的事情(开发宣传):
就像前面提到的,在这些方面有坚实的解决方案能很大地帮助设计团队提高交付质量,并提高工作的速度和信心。这是为什么我相信在设计团队中有个好的参谋将增加项目成功的可能性。
总结
随着越来越多的公司构建属于自己的设计系统,他们也开始显示出增加技术人员去支持设计的工作和工具的兴趣。因为它只是这个角色的开始,有些问题也让我夜不能寐。
我非常乐意听听你的看法,如果你也在旧金山,来喝杯咖啡聊一聊。
Design Systems Ops 并没有我凭空产生的想法,要理解我想法的由来,你可以阅读 Ian Feather’s awesome presentation about Front End Ops .
同样, 听 Design Details 播客,全世界许多优秀的设计师都在那里分享他们创造设计系统和风格指南的经验。
原文链接 : Design Systems Ops
原文作者 : Kaelig
译文出自 : 掘金翻译计划
译者 : L9m