User Interface(UI)、User Experience(UX)、Usabilityという用語は互いに関連していますが、異なる内容の重点を置いています。以下に基本的な違いが示されています:

1. User Interface(UI):
   • UIは、ユーザーが画面上で直接見ることができ、アプリやウェブサイトで使用される視覚要素とインタラクション機能に関連しています。これには、レイアウト、色、フォント、画像、ボタン、アイコン、および他のグラフィック要素、ブランディングおよびトラスト要素、インタラクションデザインが含まれます。
   • User Interfaceデザインの主な目標は、ユーザーとデジタル製品とのインタラクションを容易にする魅力的で効果的かつ直感的なユーザーインターフェースを作成することです。
2. User Experience(UX):
   • UXはユーザーが製品との間で持つ全体的な経験に関連します。これは視覚デザイン(UI)だけでなく、ユーザーの相互作用、感情、期待、および知覚全体にわたるユーザーエクスペリエンスプロセスにも言及され、実際の使用前および使用後の経験も含まれます。
   • UXの主な目標は、製品がユーザーのニーズと期待に沿い、ポジティブで満足度の高い効率的なエクスペリエンスを提供し、顧客のジャーニー全体でのどの段階でもフラストレーションが生じないようにすることです。
3. Usability:
   • Usabilityは製品の使いやすさに関連し、ユーザーがウェブサイトやアプリ内で特定のタスクをどれだけ簡単に行えるかに焦点を当てます。
   • 製品の使用時にユーザーの効率性、効果性、満足度に焦点を当てます。また、予測可能性もUsabilityの一環であり、ユーザーが一般的なパターンを見つけることができることを意味します（たとえば、検索バーは上側または右上側にあることが一般的で、ナビゲーションは上部または左側にあるなど）。
   • Usabilityは全体的なUXの側面の一部であり、具体的にはユーザーが使用中に発生するエリアを指します。使いやすいUIはUsabilityの重要な要素です。

特に時間の観点は重要です。ユーザーエクスペリエンスは、ユーザーが持つ想像、期待、および偏見を使用前から考慮します。その後、ユーザーエクスペリエンスは使用プロセスを経て進行し、この時間的側面において、Usabilityが使用中の満足度、効果性、効率性を反映します。そして最終的に、ユーザーエクスペリエンスは使用後の経験と感情的な結びつきで締めくくられます。

User Interface Designは主にフォント、色、ボタン、画像、アイコンなどに関わりますが、User Experience Designはより広いコンテキストで位置付けられます: UXデザイナーはターゲットオーディエンスやペルソナを考慮し、情報アーキテクチャを定義し、ワイヤーフレームやプロトタイプを作成し、カスタマージャーニーに沿ったインタラクションパスやシナリオを設計し、ストーリーテリングもユーザーエクスペリエンスの一部としています。

このように、UXデザイナーは情報アーキテクチャやインタラクションパスを視覚化するために、早期プロトタイプとしてクリッカブルなワイヤーフレームコンセプトを作成します:

以下はAdobe XDを使用して作成された、モバイルユーザーインターフェイスデザインのクリックパスの例です:

実際のウェブサイトのセクションデザインに関しては、User Interfaceが関係します。以下は、上記ワイヤーフレームコンセプトから派生したUser Interface Designの例です:

まとめると、UIは視覚デザインとインタラクション要素に焦点を当て、UXはユーザーの全体的な体験に関連し、Usabilityは製品の使いやすさと使用の容易さに焦点を当てます。これらの3つの側面は重要であり、美的で機能的であり、同時に可能な限りのフラストレーションを軽減しながら、ポジティブなユーザーエクスペリエンスを提供するデジタル製品を作成する上で重要です。