検索
ホームページウェブフロントエンドCSSチュートリアルはい、設計システムは開発者の効率と設計の一貫性を改善します

はい、設計システムは開発者の効率と設計の一貫性を改善します

設計システムを促進する上で最も難しいことは、その価値をリーダーシップに納得させることです。リーダーはしばしばあなたに彼らの価値を証明するように頼みます。良いフロントエンドの開発と一貫性に注意を払う必要があるのはなぜですか?彼らは、「もちろん、誰もがクールなデザインシステムを望んでいますが、それだけの価値はありますか?」

開発者の生産性、フロントエンドの品質、さらにはある程度のアクセシビリティを定量化することは困難であるため、この質問に答えるのは困難です。対照的に、GoogleのコアWebメトリック(コアWebバイタル)は非常に賢く、問題に数値を与え、実用的な次のステップを提供します。

設計システムについては、測定できるメトリックはありません。「はい、デザインシステムを設立する必要があります。

Sparkboxはこの問題を解決しようとします。彼らは小さなテストを使用して、8人の開発者の開発速度がどれだけ速く改善したかを測定しました。彼らは、開発者に手でフォームを作成するように依頼し、それから同じフォームを作るために以前に使用したことのないIBMカーボンデザインシステムを再度使用するように依頼しました。

結果は非常に興味深いです:

設計システムを使用してシンプルなフォームページを作成すると、ゼロからコーディングよりも47%高速です。ゼロからのコミット時間の中央値は4.2時間でしたが、炭素を使用するコミットの時間の中央値は2時間でした。カーボンの時間には、開発者がシステムの設計に慣れるのに時間がかかる時間が含まれます。

これらの開発者がすでにカーボン設計システムに精通しているかどうかを想像してください!もしそうなら、私はこれらのフォームを構築するのに初期の結果よりもはるかに速くかかると思います。

以上がはい、設計システムは開発者の効率と設計の一貫性を改善しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
2つの画像とAPI:製品のリクロッキングに必要なすべて2つの画像とAPI:製品のリクロッキングに必要なすべてApr 15, 2025 am 11:27 AM

最近、製品画像の色を動的に更新するソリューションを見つけました。したがって、製品の1つだけで、私たちはそれをさまざまな方法で色付けすることができます

毎週のプラットフォームニュース:サードパーティのコード、パッシブ混合コンテンツ、最も遅い接続のある国の影響毎週のプラットフォームニュース:サードパーティのコード、パッシブ混合コンテンツ、最も遅い接続のある国の影響Apr 15, 2025 am 11:19 AM

今週のラウンドアップでは、灯台はサードパーティのスクリプトに光を当て、安全なリソースが安全なサイトでブロックされ、多くの国の接続速度がブロックされます

独自の非JavaScriptベースの分析をホストするためのオプション独自の非JavaScriptベースの分析をホストするためのオプションApr 15, 2025 am 11:09 AM

サイトの訪問者と使用データを追跡するのに役立つ分析プラットフォームがたくさんあります。おそらく、特にGoogleアナリティクスが広く使用されています

それはすべて頭の中にあります:Reactヘルメットを使用してReact Poweredサイトのドキュメントヘッドを管理するそれはすべて頭の中にあります:Reactヘルメットを使用してReact Poweredサイトのドキュメントヘッドを管理するApr 15, 2025 am 11:01 AM

ドキュメントヘッドはウェブサイトの中で最も魅力的な部分ではないかもしれませんが、それに入るものは間違いなくあなたのウェブサイトの成功にとってそれと同じくらい重要です

JavaScriptのsuper()とは何ですか?JavaScriptのsuper()とは何ですか?Apr 15, 2025 am 10:59 AM

子のクラスでsuper()?を呼び出すJavaScriptを見たときに何が起こっているのか、Super()を使用して親のコンストラクターとSuperを呼び出します。そのアクセス

さまざまな種類のネイティブJavaScriptポップアップを比較しますさまざまな種類のネイティブJavaScriptポップアップを比較しますApr 15, 2025 am 10:48 AM

JavaScriptには、ユーザーインタラクション用の特別なUIを表示するさまざまな内蔵ポップアップAPIがあります。有名:

アクセス可能なWebサイトが構築が難しいのはなぜですか?アクセス可能なWebサイトが構築が難しいのはなぜですか?Apr 15, 2025 am 10:45 AM

先日、私は多くの企業がアクセス可能なウェブサイトを作るのに苦労している理由について、フロントエンドの人々とおしゃべりをしていました。アクセス可能なWebサイトがとても難しいのはなぜですか

「隠された」属性は目に見えて弱いです「隠された」属性は目に見えて弱いですApr 15, 2025 am 10:43 AM

あなたがそれがすべきだと思うことを正確に行うHTML属性があります:

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール