信頼できる唯一の情報源（SSOT）とは？徹底解説

リードデザイナーは、チームメンバーが正しい道を歩んでいるかどうかを確認する必要があります。マネージャーは目標を達成するために、パターンライブラリやスタイルガイドなど、いくつかの方法を試してきました。これらのオプションは、上手く活用している組織もある一方で、デザインの効率を最適化し、ミスを避けるために必要な唯一の真実の情報源とは限りません。

UXPin Mergeを使用することで、デザインと製品の一貫性とコラボレーションを促進する信頼できる唯一の情報源でプロトタイプを作成する方法をご覧ください。

信頼できる唯一の情報源とは？

今日のデザインおよびプロトタイピングツールは、信頼できる唯一の情報源としてデザインシステムに依存する傾向があります。デザインシステムには、製品開発に携わる社員が会社のブランドアイデンティティに適合し、すべての期待に応えるために必要なものがすべて含まれていなければなりません。

 デザインシステムを唯一の情報源 として使用する場合、承認されたものが多くなります:

• カラーパレット
• タイプスケール
• アイコン
• ボタン
• フォームス
• スライダー

既存のデザインシステムを利用することも、独自のデザインシステムを作ることもできることを覚えておいてください。新しいデザインシステムの構築には時間がかかるため、小規模なデザイングループの多くは、魅力的で機能的なコンポーネントのライブラリがすでに用意されており、デザインに簡単に追加できるMaterial Designのようなオプションを使用することにしています。 

他にも人気のあるデザインシステムは以下の通りです:

• Design Language (IBM)
• Fluent Design System (Microsoft)
• Human Interface (Apple)

これらのデザインシステムを使用することで、時間とエネルギーを節約できる一方で、美的感覚のコントロールが少し失われます。また、多くのデザイナーがこれらのデザインシステムをすでに使用しています。信頼できる唯一の情報源を開発することで、あなたのブランドが他から抜きん出ることができるかもしれません。

新しいデザインシステムを作る場合、アトミックデザインで構築することができます。UXPinには、アトミックデザインシステムの成功に役立つチェックリストがあります。また、Creating a Design System: The 100-Point Process Checklist（無料）をお読みください。

 信頼できる唯一の情報源 が必要な理由

信頼できる唯一の情報源を確立することは、デザイナーが使用するコンポーネント、アイコン、および配色を管理する以上の利点をもたらします。デザインシステムへの取り組み方やツールの選択次第で、チーム全員の作業をより簡単にすることができます。

デザイナーが製品を作るために必要なものを提供する

非常に緩やかな方法ですが、これは静的なスタイルガイドにすでに期待されていることです。ホームページの背景色をどうするか悩んだら、スタイルガイドを参考にします。また、テキストの行間をどのくらいにすればいいのかわからないときも、スタイルガイドが答えを教えてくれます。しかし、会社の基準に沿った要素を再利用したい場合には、インタラクティブデザインシステムが便利です。

さらに一歩進んで、デザイナーの信頼できる唯一の情報源と開発者の信頼できる唯一の情報源をリンクさせることもできます。完全にインタラクティブで開発されたコンポーネントをデザインエディターに持ってくることで、生産可能なコンポーネントを使ってすぐにプロトタイプを作ることができます。そして、承認されたコンポーネントのライブラリを手に入れ、それをデザイナーが自分のデザイン環境にドラッグ＆ドロップすることができます。 

従業員が休暇を申請できるような新しいアプリを作る必要がある場合、適切なインタラクティブ要素を見つけてデザイン環境に落とし込み、目的に合わせて個々のフィールドを微調整することができます。誰かが頻繁なニーズに応える再利用可能なコンポーネントを作成したため、ほとんどの作業はすでに完了しています。

また、ハンドオフ・プロセスの矛盾もすべて解消されます。デザイナーも開発者も同じコンポーネントを使用しているので、プロトタイプでそれらがずれてしまうことはありません。再利用可能なコンポーネントはすでにコード化されているため、製品チームにとって信頼できる唯一の情報源を使用することは、設計時間を短縮するだけでなく、開発プロセスも短縮することができます。

時代遅れのデザインシステムなど存在しない

かつてスタイルガイドが印刷されて使用されていた時代があったのはご存知ですか？優れたスタイルガイドには、新しいデジタル製品をデザインする際に必要な情報がほぼすべて記載されています。

企業がスタイルガイドのデジタル化を始めたときも、たいていはPDFファイル形式でした。

デジタル化されたスタイルガイドは素晴らしいものですが、それ以上の選択肢はありません。なぜなら、何ページもの説明書を印刷する必要がないからです。1つの文書をメールで全員に送ればいいだけなので簡単ですね。

とはいえど、年も変われば去年のスタイルガイドが今年の基準に合うとは限りません。先月のスタイルガイドでさえ、適合しないかもしれません。

誰もが何をすべきかを示す静的な文書を持っていると、間違った版を使ってしまうかもしれません。このような厳しい状況は、常に起こり得ることです。

しかし、デザインシステムを導入すれば、誰もが古いガイドを持つことはありません。ライブラリを更新すると、その瞬間からアクセスした人全員が変更を目にすることができるのです。UXPinでライブラリを作成し、全員が最新の状態に保つことができます。

デザインツールと開発者のGitリポジトリやStorybookを統合すれば、文字通り、信頼できる唯一の情報源は一つになります。開発者が要素を変更すると、デザインライブラリとプロジェクトが自動的に更新されます。また、デザインはコードで動くので、すべてが同期し、開発者のライブラリやリポジトリとまったく同じように表示されます。コンポーネント、色、タイポグラフィなどがずれていることを心配する必要はありません。

 信頼できる唯一の情報源 で時間を節約

信頼できる唯一の情報源となるデザインシステムを構築することで、デザイナーはスタイルガイドを参照することができるので確実に時間の節約になります。

しかし、デザインや開発にかかる時間を大幅に短縮したいのであれば、デザインエディタと開発者のリポジトリやライブラリを同期させることを検討すべきでしょう。PayPalでは、インタラクティブなコードコンポーネントとピクセルベースのコンポーネントを使ったデザインを比較したところ、前者の方が6倍以上も速いことがわかりました。複数の企業がコードアプローチを用いて製品設計や開発モデルを改善しています。PayPal が UXPin Merge のコードベースのデザインを活用して、小規模なデザインチームでの開発を効率化した方法をご覧ください。

UXPin Mergeですべてのステップが簡単に

UXPin Mergeは、信頼できる唯一の情報源を作成し、デザイナーが効率的に作業するために必要なインタラクティブで生産可能なコンポーネントを提供します。プロトタイプが開発者に届くまでの時間を短縮する、より良いオプションを提供します。14日間の無料トライアルをお試しいただき、製品開発を効率化できるコードベースデザインツールをご体験ください。