この記事は、frogが運営するデザインジャーナル「Design Mind」に掲載されたコンテンツを、電通BX・クリエーティブ・センター、岡田憲明氏の監修でお届けします。

ビジネスリーダーの多くはデザインの重要性を理解しています。しかし、体系的なデザインに基づいて継続的にイノベーションを実現し、ビジネスを成功に導くことは非常に困難です。

frogが初期に大きな成功を収めたプロジェクトの一つに「スノーホワイトデザイン言語」（※）があります。

1984年にアップルを代表するポータブルコンピューター「Apple IIc（アップル ツーシー）」が発売されると、コンピューター業界のデザインに新たな可能性が生まれました。「Apple IIc」は誰もが知る製品となり、スティーブ・ジョブズのビジョンが具体的な形となって現れたのです。

しかし、ジョブズのような人間はそうそういるものではありません。そこで「スノーホワイトデザイン言語」を導入することにより、アップルは企業としてジョブズのユニークなビジョンに基づいたシステムを、一貫性のある方法で提供できるようになりました。

当時は、デザインを重視する最も先進的な企業のみが、デザインシステムの価値を理解していました。現在では、規模にかかわらず先進的な製品を提供しようとする企業であれば、デザインシステムなしでは長くビジネスを続けることはできません。

現代のビジネス環境では、デザインの力に懐疑的で実用性を重んじるビジネスリーダーであっても、デザインがデジタル製品とデジタルサービスを通じて顧客の注目とロイヤルティーを獲得するために不可欠であることを認識しています。

しかし、デザイン部門を拡張したいと考えデザイン運用の導入を急ぐ企業内でも、デザインシステムについて根本的に誤解していることがあります。デザインシステムは企業のデザイン原則を具体化し、デザイン運用習得の基礎を作り上げるものです。それによって、広範かつ複雑なデジタル環境の中で、デザインの持つ独自の機能を目に見える形に変えて再利用できる状態にします。

※スノーホワイトデザイン言語：frogの創始者ハルトムット・エスリンガーが基礎をつくり、1980年代のAppleで採用された工業デザイン言語。Appleの世界的な評判を高め、コンピューター業界のデザイントレンドの一つとなった。

 

デザインシステムとは何か

成熟したデザインシステムでは、アセット、ツール、人、プロセスが有機的に連携したエコシステムとして機能します。

このエコシステムを活用すると、さまざまな製品とプラットフォームを調和させ、ユーザーに対して信頼性と親しみやすさを与える他、企業の開発時間を短縮しコストを削減できます。

ソフトウエアの世界で、“フロントエンド”はユーザーや今後ユーザーとなる人が製品の価値を初めて体験し、理解する場を指します。デザインシステムの主な目的と価値は、「企業が一貫性のあるデジタルエクスペリエンスを構築する」という難しい問題に対応できるようにして、卓越したフロントエンドを実現することにあります。

一貫性のあるユーザーエクスペリエンスの基礎設計

あらゆる顧客接点においてパーソナライズされた体験を提供できれば、企業はビジネスを成功に導くことができます。

コストを最小限に抑えながらこれを実現するには、ウェブ、iOS、Androidなどあらゆるプラットフォームでアクセスでき、特定のユーザーとカスタマージャーニーに対応する体系的なデジタル製品が必要です。しかし、追加の製品やプラットフォームを開発するごとに運用コストと調整コストが大幅に増えてしまうため、イノベーションが中断されます。

デザインシステムに投資すると、社内のさまざまな部門が顧客のニーズに沿った開発を進める際に発生するコスト増を回避できます。そのシステムがあらゆるチャンネルで顧客が求める体験を提供できることで、各部門における開発プロセスを効率化できるのです。

継続的なプロダクトの改善

業界や製品が何であれ、卓越したユーザーエクスペリエンス（以下UX）を実現するにはチームワークが必要です。大規模に業務を展開する企業では、数百人・数千人単位の開発者がコラボレーションしながら製品やサービスの開発をしている場合があります。

デザインシステムはさまざまな部門を代表する人々が集まった、大規模なチームで発生するコストの多くを抑えることができるため、コラボレーションを効率化できます。

デザインシステムを導入すると、一貫性のある体験を実現するシステムとパラメータを構築でき、各部門はユーザーにとっての価値を最大化する機能の開発に注力できます。

部門連携が高まることで製品の品質が向上し、開発時間も短縮。この結果、企業はテストと改善を繰り返してより迅速に価値を生み出し、データに基づいてより良い意思決定を行うことができます。

デザインシステムの構築方法

同じニーズや目的を持つ企業は存在しないため、デザインシステムの構築にあたっては、どの企業にも適用できるアプローチは存在しません。
デザインシステムの成熟度には特定のフェーズが存在します。効率的なデザインシステムはどの企業にも当てはまる一定のファクターを考慮して構築されますが、実際のデザインシステムは、各企業がそれぞれの特性に基づき独自の社風とミッションに基づいて構築に取り組みます。

デザインシステムの構築フェーズ

クライアントと仕事をする中で、デザインシステムの成熟度には3つの個別のフェーズがあることがわかっています。独自のデザインシステムの導入を目指す企業にとっては、自社がどのフェーズにあるのかをまず見極める必要があります。

フェーズI：ビジョン（ビジョンを設定する）
フェーズII：開発（製品を開発する）
フェーズIII：拡張（開発プロセスを拡張する）

フェーズI：ビジョン

ほとんどの企業にとって卓越したデザインを構築する最初のステップは、卓越した製品を開発することです。このフェーズでは、競合他社よりも効果的かつ効率的にユーザーの問題の解決方法を見つけることが重要です。

製品を市場にマッチさせることができれば、製品に対する消費者の需要を大幅に増大させられ、ビジネス上の成果を実現できます。需要はニーズとデザインシステムの妥当性を測定する指標となります。

フェーズII：開発

卓越した製品を生み出したのであれば、そのUXのコンポーネントを「モジュール化」する必要があります。この体験を生み出すプロセスがユーザーインターフェース（UI）の基礎となり、新たな製品と体験を構築するため、レゴブロックを組み合わせるようにUIの調整と実装を繰り返すことができます。

UXのモジュール化が完了すると、コンポーネントを既存のデザインと開発のワークフローに組み込み、効率化することで「製品化」できます。モジュール化と製品化ができれば、最初のデザインシステムの構築が完了します。

フェーズIII：拡張

最終フェーズでは、他の部門が新製品や新機能を開発しやすくなるよう、デザイン、製品、開発といったさまざまな部門がデザインシステムの導入と拡張に取り組みます。

最も効率的に業務を推進する企業は、「システムの全体的な目的」「必要な人材とツール」「人材とツールを連携させるプロセスと体制」「システムが醸成する組織の文化」「システムの結果の測定方法」などの重要な要素を考慮しながら、継続的にデザインシステムの拡張を実施します。

幅広くビジネスを成功に導くシステム

企業が効果的にこのアプローチを活用すると、ビジネス上の課題とデザインプロセスを統合できます。デザインシステムはデザインを製品開発のライフサイクルにシームレスに統合するためのモジュラーツールを活用することで「自動化」されたワークフローを提供します。それは、大規模な製品デザインを支える包括的なフレームワークとなります。

しかし、製品の発展に合わせてデザインシステムも発展しなければなりません。品質、価値、バージョンの管理に加え、継続的なガバナンスプロセスを通じて全体を強化することにより、企業はデザインシステムを長期的なイノベーションと成功の基盤にすることができます。

この記事はウェブマガジン「AXIS」にも掲載されています。