最小実行可能設計システム

UXPin Design System Libraryに保存された成長中のUXPin Design System

過去数週間にわたり、複数の交流会やウェビナーでデザインシステムを構築するためのUXPinのアプローチについて話をすることができました(そのうちの1つをご覧ください)。講演後の素敵な会話を通して、私たちの経験を多くのことを共有することができました。

UXPinのチームとの会話の中で出てきた1つの質問は、次のとおりです。

設計システムを構築するのにどれくらい時間がかかりますか?

間違った質問はありませんし、私は毎回答えて幸せでした。ただし、この質問を聞くたびに、より深い問題を指摘しているように感じます。設計システムは依然として誤解されており、スタイルガイドを構築するための古いアプローチと混同されています。

ゾンビスタイルガイドレガシー

当時、設計チームまたはフロントエンド開発チームの不運なメンバーは、チームによって承認されたすべての規則を文書化するタスクを信頼されていました。カラーパレット、テキストスタイル、コード標準、場合によってはUIパターン。

設計システムのように聞こえますか?あなたが正しい。設計システムのように聞こえますが、そうではありません。

スタイルガイドを作成するこの古いアプローチは、アーティファクトの作成を目的としていました。これは、文書化プロセスの派生物であることになっています。そして毎回…

スタイルガイドが完成する前は、すでにゾンビに変わっていました。

どうして?単に変化が絶えず起こる製品開発の動的な世界は、構築に数週間かかる静的な資産にうまく反応しないからです。設計/開発教者はすべての規則を文書化するのに苦労していましたが、規則は変わり続けました。スタイルガイドの作成はSisypheanのタスクでした。

スタイルガイドを作成および維持することは不可能であるため、業界は経験とコードの一貫性を維持するプロセスを再考するようになりました。設計システムに入ります。

設計システムはプロセスです

静的スタイルガイドとは異なり、設計システムは動的です。どういう意味ですか?スタイルガイドは成果物であり、設計システムはプロセスです。

アーティファクトは静的であり、プロセスは動的です。

設計システムの世界では、ドキュメントを作成するために1人を委任する代わりに、ユーザーエクスペリエンスを作成するためにすべての情報を追加、削除、変更し続ける新しいワークフローを計画します。

納期に関して考えるのではなく、設計システムチーム(通常は設計運用チームと呼ばれます)は、組織がインターフェイスの内部整合性を徐々に改善し、優れたプロジェクトを市場に迅速に提供できるように計画します。

スタイルガイドとデザインシステムによるエントロピーの管理

エントロピーに対するユナイテッド

閉鎖型システムと同様に、意図的に管理されない限り、デジタル製品のエントロピーは増加し続けます。すべての新しい機能、チームのすべての新しいメンバー、すべての新しい管理レイヤー、または利害関係者/クライアントの相互作用は、エクスペリエンスのエントロピーに追加されます。

製品のエクスペリエンスは、徐々にカオスになります。

エントロピーの成長は一定であり、一定のアクションによってのみ制御できます。そのため、デザインオペレーションチームのエンドゲームは静的なアーティファクトではなく、デザイナー、開発者、PM、および他のチームメンバーの団結した組織がユーザーエクスペリエンスを作成するためのデザインシステムを構築するワークフローです。

最小実行可能製品を終了しない

設計システムの納期について質問することは、設計システムが「完了」する時点があるという隠された仮定を持っているようです。設計システムのプロセス的な性質は、この仮定をキャンセルします。

設計システムはプロセスであるため、常に常に準備ができており、決して実行されません。

設計システムは、最小限の実行可能な製品であるという一定の状態を維持します。設計システムが突然価値を獲得する時点は存在しません。設計システムプロセスが確立され、合意されると、最小値が達成されます。後続のリリースごとに、設計システムはより強力になりますが、究極の価値を達成することはありません。エントロピーは成長し続け、インターフェイスは変化し続け、設計システムはプロセスとして、終わりなく進化しなければなりません。

小型船を頻繁に起動する

設計システムは、UIの不一致の増加を新しいワークフローで解決する必要があることを組織が認めたときに生まれます。

エントロピーは、設計組織によって合意され実装された最初のコンベンションで拡大を停止します。スタイルガイドとは異なり、設計システムの価値はすぐに体験できます。最初の規則が、対応する命名規則を持つ5つの原色のセットだけである場合でも、設計システムはほとんどすぐに価値を追加し始めます。実際、私は次のように主張します:

1つの色が定義され、適切な名前が付けられ、実装され、組織に受け入れられたデザインシステムは、完全な静的スタイルガイドよりも優れています。

どうして?常に時代遅れで実装されない静的なスタイルガイドとは異なり、この色はエントロピーを即座に減少させるためです。

設計システムの納期を心配する代わりに、そのプロセスの性質を受け入れ、小さく始めて頻繁に出荷します。あなたは混withと戦っています、そしてあらゆる小さな戦いが重要です。

がんばろう。

デザインシステムの構築方法をご覧になりますか?デザインオペレーションスプリントに従ってください:

  • Design Systems Sprint 0:製品開発の銀の弾丸。
  • Design Systems Sprint 1:インターフェースインベントリ
  • Design System Sprint 2:すべてを支配する1つのカラーパレット
  • Design System Sprint 3:基本の管理
  • 設計システムスプリント4:設計原理
  • Design System Sprint 5:タイポグラフィの管理
  • Design System Sprint 6:世界最速のアイコン

そして、これが設計システムに関するより広い視点です。

設計システムは言語です。そして、これはソフトウェア開発を永遠に変えています。

参加:https://www.uxpin.com/design-systems-early-access