自分をUIデザイナーと呼ばないでください：UIはUXです

UIとUXは、2つの非常に一般的な設計用語です。 ただし、これらの用語は、間違ったコンテキストでスローされることがよくあります。

一方、「ウェブサイトデザイナー」や「アプリデザイナー」などの従来の役職は、デザイナーが提供する可能性のあるデザインサービスを完全に説明しているにもかかわらず、最近ではあまり一般的ではありません。 「UI」という言葉のこの魅力は何ですか？ また、なぜ一部のデザイナーは自分たちを「UIデザイナー」または「UX/UIデザイナー」と呼んでいるのでしょうか。

UIはUXの一部ではありませんか？

なぜ「UI」がそんな流行語になったのでしょうか。

UXとUI

私たちはデザイナーとして（そして人間として）、物事がどのように見えるかに夢中になっています。 それが「重要なのは内側にあるもの」であることはわかっていますが、それでも毎朝鏡の前でパレードし、二度と会うことのないランダムな見知らぬ人を探しています。

UIデザインも例外ではありません。 私たちは、ユーザーインターフェイスが見た目に美しいものであることを望んでおり、それを認めるかどうかにかかわらず、私たちの仕事が賞賛され、検証されることを望んでいます。 視覚的に魅力的なものはより多くの頭を向けるので、これにより、一部の設計者は、インターフェイスの動作ではなく、インターフェイスの外観に多くの時間を費やす可能性があります。 UIとUXの主な違いは、 UIは外観であり、 UXは動作方法であるということです。

Nielsen Norman Groupの定義によると、 「「ユーザーエクスペリエンス」には、エンドユーザーと会社、そのサービス、およびその製品とのやり取りのすべての側面が含まれます。」

自分自身をUIデザイナーと呼ぶことは、「私はそれがどのように見えるかにもっと焦点を合わせている」と言うこととほとんど同じです。 実際には、ユーザーインターフェイスはユーザーエクスペリエンスへの貢献の1つにすぎません。 全体的なユーザーエクスペリエンスに寄与するUI以外の多くの要因があります。

いくつか例を挙げると：

• ユーザーフローは、ユーザーが目的をすばやく達成するのに役立ちますか？
• 年齢や身体能力に関係なく、どのユーザーもUIにアクセスできますか？
• ユーザーがウェブサイトを簡単に使用できるほど使い勝手は良いですか？
• 設計上の決定は、確かなデータとユーザー調査によって推進されていますか？
• アプリケーションは、ユーザーが何を望んでいるかを推測するのに十分直感的ですか？

ビジュアルデザインは依然として重要です。 色は依然として重要であり、ブランディングは依然として重要であり、ユーザーがUIを操作するときにUIがどのようにアニメーション化されるかは依然として重要ですが、何かがどのように見えるかに基づいて設計を決定し始めると、ユーザー向けに設計することはなくなります。

実際、私たちは設計すらしていません。 私たちはアートを作っています。

原則として、 UIは製品との対話方法（クリック、タップ、音声対話など）であり、 UXはユーザーが感じる結果の意見/感情（高速/低速、直感的/混乱、 /またはユーザーに幸せ/欲求不満を感じさせます）。

「いいねのためのデザイン」をすべきではない理由

ソーシャルメディアは中毒性があります。 中毒性がある理由はまったく別の話です。つまり、そうです。 要するに、それは私たちの脳の報酬システムを活性化するので、人々はソーシャルメディアで「いいね」のために物事を共有します。 私たちは、セックスや食べ物を求めるのと同じように、好きな人やフォロワーの形で他の人からの検証を求めます。それは気持ちが良く、気持ちが薄れ始めると、私たちは自分の欲求を満たすためにすぐにもう一度それを求めます。 平均的な人は、ソーシャルメディアに1日約2時間を費やしています。

ドリブル、つまり「ドリブル効果」と呼ばれるものを入力します。

Dribbbleは、デザイナー向けの「ショーアンドテル」ウェブサイトとしてスタートしましたが、建設的なフィードバックではなく、好きな人のためにデザイン作品を披露する方法としてすぐに知られるようになりました。 これにより、デザイナーは特にいいねのために作品をアップロードすることになり、この流行はそこで終わりませんでした。

すべての中毒と同様に、デザイナーは、Dribbblersが「好き」なものを作るためだけに、偽のクライアントやアプリのコンセプトを作成するなど、それを養うためのより多くの方法を見つけ始めました。

それのどこが悪いんだい？

デザインとは、ユーザーが直面する問題を解決することです。 ユーザーを念頭に置いて設計していなければ、解決すべき問題はありません。 問題がなければ、UIを視覚化するだけです。 実用的でないものになってしまうだけでなく、想像上の理想のためにデザインすることは、デザイナーとしての向上に役立ちません。

Dribbbleのいくつかの設計上の災害を見てみましょう。

この最初の例は実際のデザインブリーフ/クライアントを形成せず、オーバーザトップの背景がデザイン自体からいくらか離れていますが、これをさらに非現実的にしているのは、視覚要素がビューポートを超えて拡張していることです。一種の「第四の壁を破る」壁効果。 デザインは「きれい」を目指していますが、うまくいくデザインではありません。

このビジュアルデザインへの執着はどこから来たのですか？

いいねのためのデザインは、主流になりつつある特定のデザイントレンドへの愛情から生まれることがよくあります。 たとえば、Appleがフラットなデザインとミニマリズムを使用したことで、スキューモーフィズムの終焉が効果的に見られました。 もちろん、これらの視覚的美学のどちらにも問題はありませんが、トレンドを実装するために純粋に何かを設計することは、デザイナーではなくアーティストの職務記述書に隣接し、確かにUXを含みません。

代わりに、何よりもまず、UXデザイナーは、ユーザーエクスペリエンスを改善する方法を検討する必要があります。ビジュアルデザインのトレンドがその空白を埋める場合は、それを使用する必要があります。

前述のように、「いいね」を集めると、脳内の報酬システムがアクティブになります。 より正確には、報酬は私たちの体のドーパミンのレベルを増加させ、ドーパミンは神経伝達物質として機能し、私たちが自分自身に報酬を与えるときに脳にメッセージを送ります。 脳は、非常に感謝しており、行動の見返りとして私たちを気持ちよくさせてくれます。

これにより、怠惰な「デザイナー」はユーザー向けのデザインを敬遠し、代わりに多くのいいねをもたらすトレンドを実装します。 これは、デザインが実際に何であるかについて誤解を引き起こし、クライアントに同じことを考えさせます。 これは、最高の製品を設計したいUXデザイン業界やUXデザイナーの仲間にとって大きな不利益です。

UXデザインの原則

UXの多くの概念を一度に説明することは不可能ですが、効果的なユーザーエクスペリエンスに貢献する基本的な要素を簡単に説明します。

• スピード
  • アプリやウェブサイトが遅いですか（または遅いと感じますか）？
  • ユーザーは必要以上にクリック/スクロール/対話する必要がありますか？
  • 気を散らすものや決定するものが多すぎませんか？
  • ユーザーが欲しいものを手に入れるのを止めたり遅らせたりする摩擦はありますか？
• 直感
  • ユーザーが次に何をしなければならないかは明らかですか？
  • ユーザーが何を望んでいるかを判断し、それに応じてコンテンツを表示できますか？
• アクセシビリティ
  • ユーザーは、年齢や障害に関係なく、UIにアクセスできますか？
  • 色覚異常の多くの異なるタイプについて考えましたか？
• 使いやすさ
  • モバイルデバイスでは、タップターゲットは適切なサイズですか？
  • ターゲットは親指で簡単にアクセスできますか？
  • デザインはレスポンシブですか？ すべてのデバイスに適応しますか？

ビジュアルデザインは依然として重要です

ビジュアルデザインはユーザーエクスペリエンスデザインにおいて大きな役割を果たします。したがって、UIをUXと比較すべきではない理由—UIはUXの一部です。 自分自身をUIデザイナーと呼ぶことは、UXデザインのより魅力的な側面に注意を向けるだけであり、UX全体とそれをビジネス目標を達成するためにどのように使用できるかについてはあまり考慮しません。

上記のUXデザインの原則は次のとおりですが、今回は、ビジュアルデザインが物事にどのように影響するかについて説明します。

• スピード
  • ユーザーは、コントラスト、色、間隔を視覚的な手がかりとして使用して、どこを見たり操作したりする必要があるかをすばやく特定できますか？
  • 上記のUI/コンテンツはすぐにレンダリングされ、ユーザーがその画面で何をする必要があるかを説明し、明確な行動を促すことができますか？
• アクセシビリティ
  • 色の選択は十分なコントラストを生み出しますか？
  • UIは、見づらい人にとって十分な大きさですか？
• 使いやすさ
  • 各要素の重要性を示す視覚的な階層はありますか？
  • 該当する場合、信頼とセキュリティを視覚的に伝えていますか？
  • 自然に感じ、ユーザーが実行しているアクションを明確にするマイクロインタラクションを実装していますか？

UIは、UXを「見栄えよくする」光沢のあるコーティングではなく、UXを改善するために使用できるツールと考えることが重要です。 アマゾンを例にとると、彼らは毎年1,000億ドル以上を稼ぎ、UIとチェックアウトのエクスペリエンスは明らかに直感的ですが、視覚的な美学の点では従来は魅力的ではありませんでした。

UX/UIデザインはデータによって推進されるべき

UXデザイン（UIを含む）は、ユーザーリサーチ（追跡分析、ユーザーインタビュー、顧客調査）、ユーザビリティテスト、無駄のないUXワークフロー（プロトタイピング、内部フィードバック、定期的な配送を含む）、およびデータを提供するその他すべてのものによって推進される必要がありますユーザーがインターフェース（またはビジネス全体）とどのように対話するかについての洞察。

アプリやウェブサイトが期待どおりのパフォーマンスを発揮していない場合、これらの定性的および定量的なユーザー調査方法は、ユーザーフローに関連する決定であろうと、色だけに関連する決定であろうと、UXデザイナーがより効果的な設計決定を行うのに役立ちます。 UIとUXを同じものにするのは、このデータ駆動型の設計アプローチです。

結論

ウェブデザイナーやアプリデザイナー、さらには音声アプリデザイナーやウェアラブルデザイナーと呼ばれることには何の問題もありません。 それはあなたが何であるかを説明し、クライアントはあなたが何をしているのかをより迅速に把握できるようになります。 あなたが流行の役職を持っているかどうか、またはデザインがDribbbleにどれだけ好きかをクライアントは気にしません。 すべてのクライアントが知りたいのは、会社のビジネス目標を考慮し、好みや傾向ではなくデータに基づいて設計上の意思決定を行うことで、ユーザーエクスペリエンスを効果的に解決する方法を知っていることです。

一方、「UXデザイナー」という用語にもそれほど問題はありません。つまり、自分自身をすべてのタイプのインターフェイスを設計するデザイナーと見なす場合です。 何よりも、デザイナーとしてあなたが本当に識別できる役職を選ぶことが重要です。

•••

Toptal Designブログでさらに読む：

• eコマースUX–ベストプラクティスの概要（インフォグラフィック付き）
• 製品設計における人間中心の設計の重要性
• 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
• モバイルインターフェースのヒューリスティック原則
• 予測的デザイン：魔法のユーザーエクスペリエンスを作成する方法