デザインシステム: ブランドがデザインシステムを必要とする理由

公開: 2022-09-20

そこには 50 万以上のブランドがあり、突出しているのはほんの一部です。ディズニー、ナイキ、マイクロソフトのように時の試練に耐え、あなたの心の片隅を捉えたものについて考えてみてください。彼らは競合他社との差別化に成功しました。

多くの場合、これらのブランドを思い出すのは強力なブランディングです。製品やサービスの機能は当然のことと考えられ、私たちの焦点は機能から形に移っています。製品やサービスのデザインには、私たちの注目を集め、非常に長い間私たちの心にとどまる力があります。色、フォント、アイコン、画像、声のトーンなど、すべての体験が私たちの記憶に残ります。

顧客とのすべてのタッチポイントは、あなたが誰であり、何を支持しているかを伝える機会です。しかし、複数のチーム、部門、製品で作業する場合、これを一貫したスケーラブルな方法で行うにはどうすればよいでしょうか?

デザインシステムの導入

デザインシステムは、これまで以上に多くの製品、サービス、およびタッチポイントを含む、ますます複雑化するデジタルエコシステムに対処するのに役立つようになりました。これは、一貫したカスタマーエクスペリエンス (CX) を提供し、設計作業を拡大し、ワークフローをスピードアップし、コラボレーションを改善したいと考えている大規模なブランドにとって、論理的な動きです。

設計システムは、機能的で再利用可能な設計要素とコンポーネントのまとまりのあるセットで構成される集中型ライブラリに要約されます。パターン、ブラシ、コンポーネント、シェイプ、イラスト、タイポグラフィから、サイズ変更、間隔、コード化されたボタン、フォームの指示まで。ガイドライン、値、および使用例も、デザインシステムの重要な部分です。

その上で、DPDK は、ライブラリとガイドラインに基づくプロダクションファイルの概要を追加します。簡単に言えば、デザインシステムには、デザイナーや開発者が必要とするすべてのツールが含まれています。

成功する設計システムは決して静的なものではなく、継続的に成長する必要があります。 Forrester によると、成熟したデザインシステムを持つブランドは、より一貫した CX を提供し、顧客満足度が高く、製品をより早く市場に投入できます。理想的な設計システムが達成する 3 つの主な結果は次のとおりです。

1.一貫性

コンポーネントの構築と (再) 使用に関するルールとガイドラインの共有セットを導入すると、プラットフォーム間で一貫したエクスペリエンスを簡単に作成できます。

2.効率

これにより、開発者とデザイナーは、似たようなコンポーネントをゼロから何度も構築する代わりに、要素とコンポーネントを再利用できます。チームは、最善を尽くすことに集中する時間が増え、可能な限り最高の CX を作成できます。

3. スケーラビリティ

効率性と一貫性を高めることで、製品をより速く、より優れたものにすることができます。スケーリングがより簡単かつ安価になります。

デザインシステムは、正しく行われると、ブランドとビジネスの両方の側面からパフォーマンスに大きな影響を与えます。ここで話をしているだけでなく、実際に歩いていることを示すために、DPDK 独自のイラストデザインシステム (IDS) を詳しく見てみましょう。

トークを歩く

DPDK では、デザインシステムの強力な支持者であり、15 年以上にわたってその重要性と必要性についてブランドにアドバイスしてきました。しばらく前に DPDK デザインシステムを構築しましたが、IDS は、マーケティングチームが発足し、ブログが形になり始めたときにのみ作成されました。 IDS は基本的に、そのシステム内にあるシステムです。昨年 11 月の Adobe MAX で、スケールに合わせたデザインについて講演しました。そこでは、私たちのデザインシステムが詳細に議論されました。トークと重要なポイントはこちらで確認できます。

とにかく、イラストはコミュニケーションを活性化し、ブランドを際立たせる素晴らしい方法です。ストックフォトとは異なり、ユニークでクリエイティブです。ただし、イラストスタイルの課題は、作成者に依存することが多いことです。

また、IDS が時の試練に耐え、1 人のデザイナーに依存しないことも望んでいました。そのため、複数のデザイナーが作業できる構造化されたイラストスタイルが重要です。 IDS は、スタイルの一貫性を維持し、管理しやすい方法で拡張できるようにします。

イラストデザインシステムの構築

デザインシステムを作成するときは、常にビジョンから始めます。自分が誰で、何を支持するかなど、いくつかの重要な質問に答える必要があります。次に、これらの質問に対する答えをビジュアルアイデンティティに変換します。

私たちの目標は、シンプルでカラフルで、デジタル業界の多くのトピックをカバーできる独自のイラストスタイルを作成することでした。スケーラビリティも重要な側面でした。イラストは、さまざまな方法で分解し、新たに構築できる必要がありました。

基本的なグラフィック要素、単純な文字、そして多くのテストと学習から始めました。そこから、初歩的な IDS の最初のバージョンを開発しました。最初に使用したいくつかの PDF は、ガイドライン、文字、オブジェクト、形状、ブラシ、およびパターンの組み合わせで構成されていました。

最終的に、これらは DPDK のすべてのデザイナーがアクセスして使用できるライブ Adobe XD ライブラリに成熟しました。このライブラリ内の要素は、デザイナーが新しいイラストを簡単に作成できるレゴブロックのようなものです。コンポーネントがライブラリで提供されていない場合、デザイナーは新しい項目を作成および追加できます。 IDS は、当社のイラストスタイルを保護しながら、「ボックス内」でデザインし、実験するための創造的な自由を当社のデザイナーに与えます。

一方、マーケティングチームは、イラストを使用してブランドに命を吹き込みます。これは、ブログでコンテンツを公開するだけではありません。オンラインとオフラインの両方、および外部と内部のコミュニケーションのすべてのタッチポイントで IDS が動作しているのを確認できます。

私たちが準備するホワイトペーパー、会議用に作成するプレゼンテーションデッキ、または送信されるダイレクトメールについて考えてみてください。 IDS は、雇用主のブランディングや社内イベントにも使用されます。独自のスタイルとその広範な用途により、競合他社との差別化を図ることができます。

インクルージョンの色

デザインシステムは継続的に進化する必要があります。定期的なフィードバックは、進歩を確実にするための重要な側面です。これが、デザイナーが新しいアイデアを売り込み、以前のデザインに関して改善できる点について話し合うことができる毎月のレビューセッションを開催する理由です。

2020 年に外向きの平等、多様性、包括性への取り組みを行ったとき、イラストが多様な人々のグループを反映する必要があることにすぐに気付きました。私たちは DPDK の国際的な集まりであり、それは IDS に反映されておらず、私たちが住んでいる世界を代表するものでもありませんでした.

最初のイラストは白い背景に描かれ、最終的にはほとんど白い肌の色合いになったキャラクターに変換されました. より包括的なデザインを実現するために、赤、黄、緑などのさまざまな色の実験を開始しました。しかし、私たちはそれが進むべき道ではないことを認識しました。

実際の写真を使用し、私たち自身のチームからインスピレーションを得て、最終的に現実的な色を使用することに決め、自然な色調を使用することにしました. 一連のガイドラインに従って、キャラクターの寸法、プロポーション、肌の色を決定しました。それにより、私たちのキャラクターは、さまざまな肌の色、ファッショナブルな衣装、ヘアスタイルを備えた多様なフィギュアに進化しました. 私たちのイラストを通じて、代理店としての DPDK とは何か、そして私たちが世界をどのように見ているかを知ることができます。

結果

IDS を使用することで、イラスト 1 つにつき平均 2 時間を節約できます (複雑さにもよります)。これを 4 倍すると、デザイナーはすでに 1 日分の仕事をこなすことができます。それは巨大です。このようにして、デザイナーは、手作業や反復作業に時間を費やすのではなく、創造性を発揮してデザインやクラフトに集中する時間を増やすことができます。

すでに 10 人以上の異なる設計者が IDS を使用し、IDS をさらに進化させているため、矛盾やリソースの解放について心配する必要はありません。また、当社のマーケティングチームは、コンテンツを公開し、キャンペーンを迅速に開始できます。要約すると、私たちの IDS の取り組みは DPDK のブランディングを次のレベルに引き上げ、私たちのチームがアウトプットを迅速に拡大し、ブランドに基づいたエクスペリエンスを作成するのに役立ちました.

将来を見据えた設計システムでチームを強化する準備はできていますか?

記事全文はこちら

デザイン システム: ブランドがデザイン システムを必要とする理由