推廣設計系統最困難的一點在於說服領導層其價值。領導者常常會要求你證明其價值所在。為什麼我們要重視良好的前端開發和一致性?他們可能會說:“當然,當然,每個人都想要一個炫酷的設計系統,但它值這個價嗎?”
這個問題很難回答,因為開發者生產力、前端質量,甚至在某種程度上還有可訪問性,這些都是難以量化的因素。相比之下,谷歌的核心網頁指標(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 無盡。

熱門文章

熱工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

WebStorm Mac版
好用的JavaScript開發工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

Dreamweaver Mac版
視覺化網頁開發工具