Language日本語▾
簡潔な回答
UI (ユーザー インターフェイス) は、画面、ボタン、テキスト、色、動きなど、人々が見たり触れたりするものです。 UX (ユーザー エクスペリエンス) とは、製品全体がユーザーにとってどのように機能するか、つまり目標を達成できるかどうか、それがどれほど簡単か、どのように感じられるか、ということです。 UIはUXの一部です。ユーザーがタスクを完了できない場合、美しい画面でも UX が悪化する可能性があります。
核心
- UI は表示レイヤーです: レイアウト、タイポグラフィー、色、コンポーネント、状態、アニメーション
- UX とは、調査、フロー、情報構造、使いやすさ、結果といった旅全体です。
- UI は「どのように見え、どのように反応するか?」に答えます。 UXは「それを使う人にとって効果があるか？」に答えます。
- 優れた UI では壊れたフローを修正することはできず、優れたフローには依然として明確な UI が必要です
- 小規模なチームでは、1 人が両方を担当することが多いため、役職名に「UI/UX デザイナー」が付けられます。
違いを確認する最も簡単な方法はチェックアウトです。 UX は、ステップの数、各ステップで何を尋ねられるか、カードが拒否された場合に何が起こるか、ゲストがアカウントなしで購入できるかどうかを決定します。 UI は、フォーム フィールド、ボタンのスタイル、エラー メッセージの色、支払いが成功したときの小さなアニメーションなど、各ステップがどのようになるかを決定します。
UX デザインは、画面が存在する前から始まります。これには、ユーザー調査、インタビュー、ジャーニー マップ、情報アーキテクチャ、ワイヤーフレーム、ユーザビリティ テストが含まれます。多くの場合、出力は完成したビジュアル デザインではなく、フローまたはプロトタイプです。成功は、タスクの完了、エラー、完了までの時間、人々が戻ってくるかどうかなどの結果によって評価されます。
UI デザインはその構造をインターフェースに変えます。視覚的な階層、間隔、タイポグラフィ、色、アイコン、コンポーネント、および各要素がデフォルト、ホバー、押された、無効、読み込み、エラーなどのあらゆる状態でどのように動作するかについて説明します。モーションも UI の一部です。押すと反応するボタンや指に沿って動くシートは、製品が聞いたことを人々に伝えます。
二人はお互いに依存し合っています。わかりにくいボタンを備えた明確なフローは依然として失敗し、わかりにくいフローの上に洗練された画面を重ねても依然として失敗します。ほとんどのチームが UI を別個の分野ではなく UX の一部として扱い、多くの求人広告で両方を求めているのはこのためです。
最初に何を学ぶかを決めている場合は、UX の基本 (ユーザーとタスクの理解) から始めて、次に Figma や Penpot などのデザイン ツールで UI スキルを学びます。次にインタラクションとモーションのデザインが登場しますが、そこに私たちが作っている ExodeUI のようなツールが適しています。
UI と UX のどちらが重要ですか?
どちらも単独ではありません。 UX は、製品が問題を解決するかどうかを決定します。 UI は、人々がそのソリューションを見て使用できるかどうかを決定します。どちらかの弱さは、人々が諦めることとして現れます。
1 人で UI と UX の両方を行うことはできますか?
はい、スタートアップや小規模チームではそれが正常です。大企業では、UX 研究者、製品デザイナー、UI またはビジュアル デザイナーに仕事を分割することがよくあります。
UX デザインはアプリと Web サイトのみに関するものですか?
いいえ、UX は物理的な製品、サービス、ゲームなど、人々が使用するあらゆるものに適用されます。 UI はさらに狭く、デジタル製品のインターフェイス層です。
アニメーションは UI と UX のどちらに適していますか?
両方。アニメーション自体が UI です。それが人々が何が起こったのかを理解するのに役立つか、それとも理解の速度を低下させるかは、UX の問題です。
UI と UX が 1 つのコンポーネントで融合していることを確認してください
レイアウト、状態、モーションが一緒に設計されている無料コンポーネントを開いて、ブラウザーで変更します。