デザインシステムを使って素晴らしいUXデザインを決定する方法

[(原文) How to Use a Design System to Make Great UX Design Decisions](https://www.uxpin.com/studio/blog/design-decisions/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E7%B4%A0%E6%99%B4%E3%82%89%E3%81%97%E3%81%84UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E6%B1%BA%E5%AE%9A%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95)

プロセスのどの段階においても、正しい設計判断を下すことは難しいことです。さらに科学的には、人間には一日のうちに適切な意思決定を行う能力が限られていることがわかっています。私たちの意志の力は、決断の繰り返しで、文字通り一日のうちに蒸発してしまうのです。夕食にヘルシーなものを食べようと思っていたのに、何を作るか決めるのに疲れてしまい、代わりにピザを注文してしまったことはありませんか？生物学のせいにしても構いません。

私たちはあなたがピザを食べないようにすることはできませんが、UX設計の決定をより良いものにするためのお手伝いをすることはできます。では、どうすれば一日中生産性を保ち、良いUX設計の意思決定を確実に行うことができるのでしょうか？

## デザイナーはどのように意思決定を行うのでしょうか？

あなたはどのようにして特定の意思決定をしたのか、あるいはどのようにして自分の仕事をしているのかを説明しようとしたことはありませんか？私たちのほとんどは、フレーズを借りるならば、「Just Do It」のようなものです。

UXデザイナーの仕事は簡単ではありません。色の使い方、正確なトーン、ピクセル幅、図形との関係（そして、図形を選択し、それらが審美的に喜ばれ、ユーザー体験を向上させるようにそれらをどのように配置するか）など、仕事の終わりに私たちの頭が少し痛くなるのも不思議ではありません。

デザインの意思決定には3つの方法があります。
1. 経験
2. 直感
3. 参照または模倣

この3つは完全に分離しているわけではなく、私たちの経験が私たちの直感に影響を与えています。ですから、私たちが仕事をする上では、この3つの意思決定スタイルの間で常に綱引きが行われています。

## 経験に基づくUX設計

![image.png](https://lh4.googleusercontent.com/1xi69Z6XgO7xXOmOiKIdNj4-JnFZsRZuv7_p7MB44dav295QkgeRynO8fmj7IAdiuz2LYktRGqADgge4s4ygbsE4uw8wxZYHIAlhswOvFgmXQLPpquPtwHdJpNIIylTCmaiLmlM)

デザイナーが経験と知識を積み上げていくと、過去にうまくいったことに基づいて判断するようになります。

間隔は上記の様な感じでしょうか。

しかし、経験に頼りすぎると、時代遅れのUX設計になってしまい、素晴らしいユーザー体験を提供できないことがあります。過去の経験だけに頼るのは安心感がありますが、それでは何か新しいことに挑戦することを断念してしまいます。これが直感につながります。

## 直感に基づくUX設計

![image.png](https://lh5.googleusercontent.com/iawJd5dtbJkWSsMvLG-LvhEbAQmVVtTELWaEYcht9H9DOkaKKvR0g14fz7xfHkFGBMy0itB0vy4wsighD5_mWmaTHcbJ4wlnrnZYjl9Vyg-bAOt5ui1BHdMM0-J9AhcZ5cUL6yE)

直感を使うことで、インスパイアされたデザインを生み出すことができます。しかし、それは "正しいと感じたから "という理由で、粗末なUX設計になってしまうこともあります。

だから、自分が個人的に好きなものではなく、[人のためにデザインしている](https://www.uxpin.com/studio/blog/human-centered-design/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E7%B4%A0%E6%99%B4%E3%82%89%E3%81%97%E3%81%84UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E6%B1%BA%E5%AE%9A%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95)ということを忘れない限り、直感を使うことで、すぐに仕事ができ、プロジェクトをすぐにスタートさせることができます。

## 参考にするか、真似するか

模倣は最も誠実なお世辞の形であると言われています。多くのUXデザイナーにとって、それは快適なゾーンを超えて、新しいUX/UIデザインのアイデアを探求するための方法なのです。

模倣することは悪いことではありません - それは、私たちが話すことを学んだり、目を突くことなくフォークを使うことを学んだり、新しいスキルを一般的に学ぶ方法です。あなたが見たことのあるすべてのカンフー映画を考えてみてください。

リファレンスを使用することは、あなたのデザインに機能する新しいアイデアを組み込む方法でもあります。あなたが模倣しているアイデアは、他のデザイナーからの直感のフラッシュとして始まったことを覚えておいてください。自分の経験と直感をリファレンスデザインにまとめると、あなたの閃きが、リファレンスとして使われる次の素晴らしいUIデザインのアイデアになるかもしれません。

## UXデザインの仕組み：意思決定のためのガードレール

経験、直感、模倣のミックスを最大限に活用しながら、設計の意思決定を集中させるための素晴らしい方法は、デザインシステムを作成することです。

デザインシステムは、1つのプロジェクトの文脈でデザインの決定を行う負担を取り除きます。

あのボタンは青にすべきか、緑にすべきか？デザインシステムは、どの色にするかを教えてくれます。

どのフォントとサイズが最適か？

この画像はどのくらいの幅にするべきか？

このページはどのようにレイアウトすべきか？

デザインシステムは、これらの疑問にすべて答えてくれるので、様々な要素を決めることなく、素晴らしいデザインを作ることに集中することができます。

必要のない判断で貴重な判断力を無駄にしないようにしましょう。あなたのプロジェクトのためのデザインシステムを作り、その恩恵を受けましょう。夕食にヘルシーなものを食べるくらいの意志の強さを手に入れることができるかもしれません。

UXPinはデザインシステムの作成を簡単にしてくれます。まずは[無料トライアルから始めましょう](https://www.uxpin.com/studio/wireframing-jp/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E7%B4%A0%E6%99%B4%E3%82%89%E3%81%97%E3%81%84UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E6%B1%BA%E5%AE%9A%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95)。

**[UXPin](https://www.uxpin.com/studio/wireframing-jp/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E7%B4%A0%E6%99%B4%E3%82%89%E3%81%97%E3%81%84UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E6%B1%BA%E5%AE%9A%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95)は世界中の製品チームがアイデアをより早く製品に変えるのを支援するデザインプロセスツールです。**

**UXPinの革新的なテクノロジーであるMergeを使用して、PayPalのような企業はDesignOpsの課題を簡単に解決することができます。[UXPin Merge](https://www.uxpin.com/studio/merge-jp/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E7%B4%A0%E6%99%B4%E3%82%89%E3%81%97%E3%81%84UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E6%B1%BA%E5%AE%9A%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95)は、最終製品との完全な一貫性を達成するためにReactコンポーネントを使用してデザインすることを可能にします。**

**本記事は2020/9/30投稿を翻訳したものです。**