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

我最近找到了一种动态更新任何产品图像的颜色的解决方案。因此,只有一种产品之一,我们可以以不同的方式对其进行着色以显示

在本周的综述中,灯塔在第三方脚本上阐明了灯光,不安全的资源将在安全站点上被阻止,许多国家连接速度

有很多分析平台可帮助您跟踪网站上的访问者和使用数据。也许最著名的是Google Analytics(广泛使用)

文档负责人可能不是网站上最迷人的部分,但是其中所处的内容对于您的网站的成功也一样重要

当您看到一些称为super()的JavaScript时,在子类中,您会使用super()调用其父母的构造函数和超级。访问它的


热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

SublimeText3 Linux新版
SublimeText3 Linux最新版