【翻訳】UXデザインを学ぶのに最適なデザインシステム6選(Zacharia Curtis, UX Planet, 2022)

uxplanet.org

どんな技術にフォーカスするにしても、ベストから学ぶことが自分のスキルをレベルアップさせる最も迅速で効率的な方法であることは間違いありません。幸いなことに、インターネットの時代にはそのようなことは信じられないほど簡単で、数回検索してクリックするだけで、それ以上のことはほとんど必要ありません。

私がUXデザインを勉強するのに好きな方法のひとつは、デザインシステムを学ぶことです。MetaやGoogleのような巨大企業が提供しているオープンで無料のリソースを読むだけでも、学ぶことはたくさんあります。この記事では、あなた自身のシステムを構築するだけでなく、UXデザイン全体についてもっと学ぶことができる、私のお気に入りのデザインシステムをいくつか紹介しようと思います

デザインシステムとは?

デザインのスケーリングは信じられないほど面倒で、デザインプロセスを必要以上に長くしてしまうことがあります - そこで、デザインシステムの出番です。

デザインシステムは、製品チームがUIを構築するために必要なすべてのリソースを集めたものです。

これにより、信じられないほど合理化されたレベルの効率が得られ、また、大規模なチームが同じコンポーネントを使用して、インターフェイス間で一貫性があるかどうかを再確認する必要がなく、コラボレーションが容易になります。

#1 Google マテリアルデザイン

特筆すべき機能

  • 最初のデザインシステムの1つ
  • 非常に充実したドキュメント
  • 最も拡張性の高いデザインシステムの一つです。

#2 Apple ヒューマンインターフェースガイドライン

注目すべき特徴

  • 精密さと細部へのこだわり
  • 効果的なビジュアルデザインによるユーザーエクスペリエンスの重視
  • 膨大で見やすいシステムドキュメント

#3 IBMカーボン

特筆すべき機能

#4 Shopify Polaris

注目すべき機能

#5 Adobe Spectrum

特筆すべき機能

#6 Cisco Momentum

特筆すべき機能

  • 設計システムの「個性」についての貴重な情報
  • システムコンポーネントの使用に関する明確なルール
  • 素晴らしいアイコノグラフィーのガイドラインとライブラリ

まとめ

以上です。この6つのデザインシステムを使えば、あなた自身が望むレベルのプロフェッショナルで高水準のデザインシステムを構築できるだけでなく、UX業界の人々がユーザーに最も役立つ要素をどのように作成しているかをより理解できるようになるのは間違いありません。