UXとUIの違いを例で解説

UXとUIの違いを例で解説

「ユーザー エクスペリエンス」と「ユーザー インターフェイス」という 2 つの用語の違いがわからない方もいるかもしれません。 2010年に、Quoraに同じ名前の質問と回答の投稿があり、多くの返信がありました。最も多くの票を集めた回答の抜粋と翻訳です。

1. 張賢航からの返信

たった2枚の写真で918票

図1: これは「ユーザーインターフェース」のデザインです

図2: これは「ユーザーエクスペリエンス」デザインです

図 2 の英語は、おおよそ次の意味です: トイレに黒い輪郭でハエを彫りなさい。排尿中の男性がハエを見ると、それを「狙う」でしょう。小便器にハエがいた 研究によると、ハエを取り除いた後、屋外での排尿が 80% 減少しました。

2. インタラクティブデザイナーのダン・サファー氏からの回答

簡単に言うと、ユーザー エクスペリエンス (UX) とは、ユーザー インターフェイス (UI) を含む製品またはサービスの全体的なエクスペリエンスです。 UI は通常、ビジュアル デザイン (感触と外観) とインタラクション デザイン (動作方法) で構成されます。ただし、UX は工業デザインから建築、コンテンツまで、多くの分野をカバーできます。 1年以上前に次のような絵を描きました。

図3: ユーザーエクスペリエンスデザイン

3. デザイナー クリス・ベイダー

レストランの例えを使うと:

カトラリー、皿、テーブル、椅子、これらはユーザー インターフェイスです。

食べ物、サービス、雰囲気、これらがユーザーエクスペリエンスです。

更新: もう少し簡単に言うと、UI はユーザーが製品と対話するために使用するもので、UX はユーザーが製品と対話するときに感じるものです。

4. デザイナーのエド・リーの回答: エドはインフォグラフィックを作成し、@设计那些​​事によって中国語に翻訳されました。

他の回答をご覧になりたい場合は、元のQ&A投稿をご確認ください。

原文: Quora 翻訳: Bole Online – Huang Limin

元のタイトル: ユーザーエクスペリエンスとユーザーインターフェースの違いを説明する例

キーワード: 例、説明、ユーザー、経験、ユーザー インターフェイス、違い、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化

<<:  タオバオの新方針は自社の利益を保護し、リベートサイトを「不安にさせる」

>>:  中小企業のウェブサイトがバイラルマーケティングを通じてどのように成功を収めることができるかについての簡単な説明

推薦する

SaaS の長所と短所: 可視性が SaaS セキュリティの鍵

クラウドの利点は、弾力性、使いやすさ、そしてコスト効率の向上です。 SaaS (Software a...

AWS、NetEase Gamesの海外展開を支援

[51CTO.com からのオリジナル記事] ゲームといえば、NetEase Games について触...

クラウド大手の AWS、Alibaba Cloud、Google Cloud などは、独自のクラウドを開発することを好みます。なぜ?

今日、接続とデータマイニングの嵐であるクラウドコンピューティングは、当初嵐が吹き荒れていたインターネ...

Qvod: 野蛮さの代償。ウェブマスターに依存してロングテールビジネスを展開するビジネスは危険に満ちています。

16日夜、Qvodテクノロジーは「Qvodユーザーへの手紙:私たちの涅槃は間近に迫っています」と題す...

Weiboマーケティング:マーケティングをしているつもりでも、実は火遊びをしている

今朝早く、Weiboで最も人気のある投稿が2つありました。1つは@小米球迷后援会によって投稿され、も...

ステーションBの難しいバランス

これまで、ビリビリの香港上場については何度か噂が流れており、最も古いものは2017年7月に遡り、調達...

百度美牌が90年代以降の女性携帯電話ユーザー層をターゲットにしている理由を分析

百度はしばらく前から百度美牌をリリースしています。百科事典の説明によると、本物の美しい女性の自撮り写...

オンラインマーケティングを行う際は、「ジャンクトラフィック」を避けてください

Changsha Internet Marketing は、インターネット マーケティング担当者とし...

エッジの管理: 成功の重要な要素

モノのインターネット、クラウド コンピューティング アプリケーション、リアルタイム サービスと分析の...

301 リダイレクトを使用して 404 エラーを外部リンクに変換する方法

ここで言及されている 404 エラーは、Web サイト内で生成された 404 ではなく、外部リンクで...

LinkedIn: 親会社 Microsoft Azure への移行を停止してください。

著者 |趙雲制作 | 51CTO テクノロジースタック (WeChat ID: blog)事情に詳し...

業界ブログユーザーのニーズを理解し、B2B業界ウェブサイトの粘着性を向上させる

以前、質疑応答形式をベースとした業界フォーラムは主に技術者を対象としていると述べました。同様に、業界...

tmzVPS-6.8 USD/2g RAM/50g HDD/2T トラフィック/ロサンゼルス/webnx データセンター

tmzvps.com はこれまでずっと比較的価格が高く、主にマネージド VPS を提供しています。現...

ローカルウェブサイトの運用モデルをどのように選択するか? モデル、リソース、アーキテクチャの詳細な理解

運用モデルは単なる利益モデルではありません。運用モデルでは利益モデルを考慮する必要があります。運用モ...

北京3Dが正式に運用開始、QingCloudパブリッククラウドサービスの機能がアップグレード

エンタープライズクラスのフルスタッククラウドICTサービスプロバイダーであるQingCloudは、北...