デザインコミュニティ内でデザインシステムを広く採用する必要性について、そして正当な理由で、多くの議論と議論がありました! Adobe、Google、IBMなどは、時間を節約し、手直しを最小限に抑え、時間とリソースの投資を必要とするコンポーネントを再利用するために、堅牢な設計システムを構築しました。 特に設計のスケーラビリティと一貫性に関する議論では、設計システムはほとんどの場合、親指を立てて、効率的な製品を短期間で好転させるのに役立ちます。
その意味で、設計システムは顧客体験の向上とビジネスROIの向上に貢献します。
設計システムはどのように価値を付加しますか?
通常、設計システムが組織にとって最大の価値を持つためには、時間の経過とともに進化する動的に変化する要件に適応するために、定期的に更新する必要があります。 これは、UX / UIデザイナーが、思慮深く設計された製品を構築するための戦略的な出発点を見つけるのに役立ちます。 さらに、設計システムは、製品の設計と開発においてチームをまとまりのある形で導くことにより、製品チーム全体の単一の情報源として機能します。
では、進化する製品のニーズを満たすために、どのように設計システムを成長させるのでしょうか。
設計はますます複雑になり、これまで以上に部門の枠を超えたチームが関与しています。 つまり、構築する設計システムは、専門知識のレベルに関係なく、すべてのチームがアクセス可能で理解しやすいものでなければなりません。 共有された設計言語、リソース、およびガイドラインを持つことで、チームは共同作業を行い、より良い意思決定を行うことができます。 また、作業の開発とテストが高速になります。
設計システムを維持し、組織の増大するニーズに合わせて最新の状態に保つことができるいくつかの方法を次に示します。
- 研究に時間を費やし、設計システムの将来のロードマップを描くために何が期待できるかについて学びます。
- 設計システムを一元化して、堅牢でアクセスしやすい状態に保ちます。
- 設計システムが何であるかを社内で売り込み、社内の利害関係者にもたらす価値についての認識を高めます。
- 設計システムのコンポーネントを適切に整理し、複雑さを軽減することで、関係するすべての人に役立つようにします。
カスタムデザインまたは採用デザインのどちらを選択しますか?
製品を構築する際、設計者はカスタムデザインまたは採用デザインのどちらを使用するかを選択できます。 カスタムデザインは、一貫性などの他の目標よりもイノベーションが優先される場合に使用されます。 カスタムデザインを使用すると、利用可能なリファレンスの一部を微調整したり、ユースケースを使用して新しい製品を革新および構築したりするための自由と柔軟性を発揮できます。 採用された設計システムは、既存の製品の新機能を構築する必要がある場合に最適です。
設計システムを構成する典型的なコンポーネント
設計システムには通常、明確に定義された一連の設計標準、ドキュメント、および原則と、それらの標準を実現するためのツールキット(UIパターンおよびコードコンポーネント)があります。 システムには、グロスからグラニュラーまで、想像できるすべてのガイドライン、プロセス、テンプレート、およびカスタマイズ可能な要素が含まれています。
デザインシステムのサブクラスであるパターンライブラリは、製品に頻繁に表示されるUXおよびUI要素の包括的なリポジトリです。 ナビゲーション要素、カルーセル、ソーシャルメディア機能、ボタン、ドロップダウンメニュー、およびその他のコンポーネントはすべて、パターンライブラリの一部と見なすことができます。 デザイナーがパターンを作成すると、すべてのチームメンバーが使用できるようにライブラリに移動されます。
スタイルガイドは、製品のルックアンドフィールをガイドするブランディングルール、タイポグラフィの詳細、UIパターンの使用例、およびデザインシステム自体を具体的に説明するより静的なドキュメントで構成される包括的なデザインシステムの不可欠な部分です。 これは、企業にとって最もアクセスしやすい一連の設計ルールの形式です。 さまざまなアプリケーションを構築するためのマテリアルデザインを使用しながら、独自のスタイルガイドを作成できます。
これらの各コンポーネントは、一方を他方の代わりとして使用できないという点で、独自の方法で異なります。 たとえば、スタイルガイド自体はすぐに時代遅れになります。これは、ドキュメントにはメンテナンスが必要であるのに対し、パターンライブラリには一貫した実装の手順と原則が欠けているためです。 すべてをまとめるのは、全体としての設計システムです。
設計システムの利点は、内部チームと外部チームを同じページにまとめるだけではありません。 いくつか調べてみましょう。
1。 ブランド認知度を高めます:
要素のコレクションを含むデザインシステムは、ブランドの価値と認識を構築し、反映するのに役立ちます。 デザイナーと開発者は、デザインシステムの助けを借りて、消費者が製品ブランドに共感するのに役立つ独自のブランド価値を生み出すことができます。 デザインシステムは、ブランドを宣伝するための独自のスタイル、色、タイポグラフィを提供する場合もあります。
2.時間を節約し、一貫性を促進します。
設計システムの作成に費やした時間は、製品の完成に役立ちます。 これを行うことにより、設計者が複数の反復に費やす時間を回避できます。 一貫したルックアンドフィールを持つことで、ユーザーは快適になり、製品やサービスに自信を持つことができます。 事前定義されたコンポーネントと、それらの使用方法、使用時期、および機能の既知の定義により、実装方法について話し合うための不要な会議を排除することで、時間も節約されます。
3.チームメンバーを同じページに保持します。
設計システムにより、重要で関連性のある情報をXNUMXか所に集めることができます。 たとえば、新しい設計者や開発者を採用する必要がある場合、設計システムがプロセスをスムーズに支援します。 設計システムにより、チームメンバーは同期を保つことができます。 チームメンバーがデザインシステムに変更を導入するたびに、たとえば、新しいコンポーネントの追加や製品のカラーパレットの色の変更など、他のすべてのチームメンバーにこれらの変更について自動的に通知する必要があります。
4.設計と開発の反復を最小限に抑えます。
洗練された設計システムは、製品に取り組む開発者と設計者に統一された言語を提供します。 初期段階で明確で透明な画像を設定することで、設計と開発のプロセスがはるかに簡単になり、生産の再作業期間が確実に短縮されます。 さらに、コミュニケーションはあらゆるプロセスの不可欠な部分であり、設計システムは通常、チーム内および部門間のコラボレーションを改善するための信頼できる方法です。 製品の適切な要件と適切に構造化された設計システムにより、開発の反復を最小限に抑えることができます。
製品開発に設計システムを使用することの潜在的な課題は何ですか?
設計システムは複雑であり、設計者だけが理解しているという認識を克服することは、設計システムのアイデアを採用する部門横断的なチームの主要な障害のXNUMXつです。 したがって、XNUMXつを構築して実装するイニシアチブは、それ自体が課題です。
さらに、組織が成熟するにつれて、設計システムの保守が困難になります。 初期投資が多額であっても、設計システムがすぐにROIの向上につながるわけではないことを考えると、すべての利害関係者にその必要性を納得させるのは難しいことです。 したがって、この概念を克服するための最初のステップとして、設計者は、堅牢な設計システムを構築することの長期的な利点について、事業主と主要な利害関係者を教育することが重要です。
設計システムは、日常の問題解決に費やす時間を大幅に最小限に抑え、設計者と開発者の時間を解放して、長期的にビジネスに付加価値をもたらすより高いレベルの問題の解決に取り組むことができます。
著者紹介
Sarojini Balakrishnanは、IonixxTechnologiesのリードUXデザイナーです。 彼女は、UXデザインには創造性と好奇心の良い組み合わせが必要であると信じています。 彼女はこれまでの職務でいくつかの分野にわたる強力な専門知識を習得しており、新しいWebサイト、最新のトレンド、学術雑誌など、探索を通じてUXスキルセットを構築しようとしています。彼女は常に子供のような熱意を持って学びたいと考えています。 彼女は、消費者向けとスタッフ向けの両方のアプリケーションで革新的なUXの可能性を探求するのが大好きです。
ポスト 設計システムの内容と理由 最初に登場した ixブログ.
- "
- 私たちについて
- 越えて
- 添加
- 養子縁組
- すべて
- 間で
- 適切に
- 周りに
- 利用できます
- 認知度
- と考えています
- 利点
- BEST
- ブランド認知
- ブランド設定
- ビルド
- 建物
- ビジネス
- 例
- 挑戦する
- 課題
- 変化する
- 選択する
- コード
- 協力します
- 環境、テクノロジーを推奨
- コレクション
- コミュニケーション
- コミュニティ
- 会社
- 複雑な
- コンポーネント
- 包括的な
- 信頼
- 消費者
- 貢献する
- 作成します。
- 作成
- カスタム
- 顧客満足体験
- カスタマイズ可能な
- 議論
- 設計
- 設計
- 設計
- 開発者
- 開発
- 開発
- 異なります
- 難しい
- 話し合います
- 議論
- そうではありません
- ドメイン
- ダウン
- 教育します
- 効率的な
- エンパワー
- 本質的な
- 日常
- 誰も
- すべてのもの
- 進化
- 進化
- 例
- 運動
- 期待する
- 体験
- 専門知識
- 探査
- 探る
- 伸ばす
- 速いです
- 特徴
- 特徴
- 名
- 柔軟性
- フォーム
- 自由
- function
- 未来
- 目標
- 良い
- でログイン
- 成長する
- 成長
- ガイド
- ガイドライン
- 持って
- 助けます
- ことができます
- 認定条件
- HTTPS
- IBM
- アイデア
- 実装する
- 実装
- 実装
- 重要
- 改善します
- 情報
- イニシアチブ
- 革新的手法
- 革新的な
- 投資
- 関係する
- IT
- 自体
- ジョブ
- キー
- 既知の
- 言語
- 最新の
- つながる
- LEARN
- レベル
- 図書館
- 長い
- 長期的
- 維持する
- 主要な
- 作る
- 材料
- メディア
- ミーティング
- メンバー
- メンバー
- 他には?
- 最も
- の試合に
- ナビゲーション
- 概念
- 注文
- 組織
- その他
- さもないと
- 自分の
- 所有者
- パターン
- 画像
- ポイント
- 潜在的な
- 問題
- プロセス
- プロダクト
- 生産
- 製品
- 推進する
- 提供します
- は、大阪で
- すぐに
- 上げる
- 受け取ります
- 減らします
- 反映する
- 関連した
- 倉庫
- 必要とする
- 要件
- 研究
- リソース
- ロードブロッキング
- ロードマップ
- ROI
- ルール
- ラン
- スケーラビリティ
- センス
- サービス
- セッションに
- 設定
- shared
- So
- 社会
- ソーシャルメディア
- 過ごす
- ステージ
- 規格
- 滞在
- 戦略的
- 強い
- かなりの
- システム
- チーム
- テクノロジー
- テスト
- イニシアチブ
- 介して
- 時間
- 一緒に
- トランスペアレント
- トレンド
- 一般的に
- ui
- ユニーク
- つかいます
- users
- 通常
- ux
- 値
- ウェブサイト
- 明確な
- この試験は
- while
- 誰
- 広範囲
- 以内
- 仕事
- でしょう