是的,设计系统确实提高了开发人员的效率和设计一致性
推广设计系统最困难的一点在于说服领导层其价值。领导者常常会要求你证明其价值所在。为什么我们要重视良好的前端开发和一致性?他们可能会说:“当然,当然,每个人都想要一个炫酷的设计系统,但它值这个价吗?”
这个问题很难回答,因为开发者生产力、前端质量,甚至在某种程度上还有可访问性,这些都是难以量化的因素。相比之下,谷歌的核心网页指标(Core Web Vitals)就做得非常聪明,它为问题赋予了数值,并提供了切实可行的下一步措施。
对于设计系统而言,我们并没有可以用来衡量的指标,无法直接说:“是的,我们需要组建设计系统团队,以便将我们的设计系统评分从糟糕的60/100提升上去。”如果我们有这样的指标就好了,但我认为我们永远都不会有。
Sparkbox公司尝试解决这个问题。他们通过一个小测试来衡量八位开发人员的开发速度提升了多少。他们让开发人员手工制作一个表单,然后再次使用他们从未使用过的IBM Carbon设计系统来制作相同的表单。
结果非常有趣:
使用设计系统制作简单的表单页面比从零开始编码快47%。从零开始的提交的中位数时间为4.2小时,而使用Carbon提交的中位数时间为2小时。Carbon的时间包括开发人员熟悉设计系统所花费的时间。
现在想象一下,如果这些开发人员已经熟悉Carbon设计系统!如果是这样的话,我认为构建这些表单的时间将会比最初的结果快得多。
以上是是的,设计系统确实提高了开发人员的效率和设计一致性的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

您是否曾经在项目上需要一个倒计时计时器?对于这样的东西,可以自然访问插件,但实际上更多

关于Flex布局中紫色斜线区域的疑问在使用Flex布局时,你可能会遇到一些令人困惑的现象,比如在开发者工具(d...

在元素个数不固定的情况下如何通过CSS选择第一个指定类名的子元素在处理HTML结构时,常常会遇到元素个数不�...
