menu

2つ一緒に考えるのは間違い‥?UI/UXそれぞれの違い・注意点について

リニューアル

UI(ユーザーインターフェイス)とUX(ユーザーエクスペリエンス)はWebサイトの制作・リニューアルに欠かせない要素です。オウンドメディアやコーポレートサイトを運営する企業のWeb担当者の方なら、制作会社との打ち合わせなどで1度は耳にしたことがある言葉なのではないでしょうか?

ただ頻繁に耳にする言葉ほど、何となく分かった気になったままで、正しい概念や明確な違いを理解できていないことも少なくありません。UIとUXの違い・注意点についてご紹介します。

UIとは?
UIとは、ユーザーが製品・サービスなどと接触する全ての面のこと。インターネット黎明期からある概念で、Webサイトの場合、レイアウト、デザイン、フォント、バナー、ボタンなどはすべてUIです。ソースやデータベース以外の、「ユーザーの目にふれる部分すべて」と言うと分かりやすいかもしれません。

UXとは?
それに対してUXは、ユーザーが製品・サービスを購入・利用することによって得られる経験を指します。例えば、「ユーザーの使い勝手を考慮したフラットデザインのレイアウト」はUI。実際にWebサイトを訪れたユーザーが「シンプルで使いやすい」、「快適に見られるページ」と感じたら、それはUXです。

UXには「ナビゲーションが分かりやすい」、「デザインが美しい」といった目に見える部分だけでなく、「商品が早く届いて嬉しい」、「アフターサービスが丁寧で安心した」といった体験も含まれます。

UI/UXの注意点
「UI/UXを高めるために」、「UI/UXを最適化させる施策として‥」といったように、制作会社との打ち合わせではUI/UXがセットで語られることが多いのではないでしょうか? これは100%間違いという訳でもないのですが、1点注意が必要です。それは、UIとUXは横並びの要素ではないということ。

現在のWebマーケティグで大切なのは、企業がコンテンツに込めた想いや制作会社の意図ではなく、ユーザーが「どう感じたか」です。Googleをはじめとした検索エンジンのアルゴリズムも、ユーザーからの評価を軸として検索順位を決めています。

そういった意味で、UIは「手段」、UXを「目的」として捉えた方がいいでしょう。レイアウトやボタンの配置といったUIは、あくまでUXを高めるための1つの方法論として考えると、デザインや機能の優先順位も見えやすくなってくるのではないでしょうか。

リニューアルに関するご依頼、ご相談、お見積はこちら

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

ファイルをコンパクトにして表示速度をUP。JavaScript/CSSの圧縮ツール4選

ECサイトで差別化を図るなら取り入れたい、海外のWebデザイントレンド3選

関連記事

  1. Webサイトにおけるエモーショナル・ブランディング。ユーザーの感…

    Webサイトの完成度を高めるうえでは機能や利便性も大切ですが、その一方でユーザーに与える感情や印象・…

  2. 業界別に見るドローン動画のWebコンテンツ活用事例(2)

    自社のWebサイトに動画コンテンツを取り入れる企業が増えていますが、既存の動画コンテンツに物足りなさ…

  3. Webサイトの価値をキープするために、パートナー企業に委託したい…

    Webサイトはリリースしてからが本当の勝負になりますが、常にフレッシュな情報を発信してWebサイトの…

  4. 「やだ…こんなにある…」Webサイトリニューアルで失敗する13の…

    Webサイトをリニューアルして心機一転するのは非常に気持ちいいですよね!ただし、リニューアルに成功す…

  5. Macユーザーは注目。日常業務を効率化できる4つのMac専用アプ…

    日常的な業務用PCとしてMacを使っている方が増えてきているのではないでしょうか。以前のMacは映像…

  6. CV到達率によって方向性を見定める。「Google アナリティク…

    「Google アナリティクス」を用いた定量データによる現状把握・分析では、全体のセッション数をベー…

  7. ユーザーの行動をサーモグラフィのように可視化できるヒートマップ

    セッション数やコンバージョン数など、実際のユーザーの行動にもとづいた数値によって自社のWebサイトの…

  8. ユーザビリティの高い再生方法&ナビゲーションとは?動画コンテンツ…

    オウンドメディアやコーポレートサイトなどで動画を配信する場合、尺や表示サイズ、掲載位置などとあわせて…

PICKUP

PAGE TOP