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サイトの課題の背景・理由を洗い出す定性データの把握・分析において、ユーザービリティテストと並ん…

  2. 注意点は4つ!!Webサイトリニューアルで考えたいSEOについて…

    現行サイトである程度成果が出ている場合、Webサイトリニューアルは必ずしも良い結果をもたらしてくれる…

  3. 誤解されやすい「ユーザビリティ」。正しく理解するためのポイント(…

    Webサイトの制作・リニューアルにおいて、UIやUXと並んで重要なのがユーザビリティです。ユーザビリ…

  4. 多くの企業が取り入れているレスポンシブデザインのメリット&デメリ…

    スマートフォン市場が毎年2桁の成長を続け、ユーザーの過半数がスマートフォンを使ってインターネットにア…

  5. より効果的な定性データを得るためのユーザビリティテストの実施ポイ…

    クリックや離脱など、Webサイトを訪問したユーザーの行動の理由・背景(定性データ)を把握するために効…

  6. Webサイトにおけるユーザーの視線の動きを知る(1)

    Webサイトの制作やリニューアルでは、ユーザーの動きを意識することが非常に大切です。どれだけ質の高い…

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

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

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

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

PICKUP

PAGE TOP