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. 注意点は4つ!!Webサイトリニューアルで考えたいSEOについて…

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

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

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

  3. 業界別に見るWebサイトのシネマグラフ活用事例

    GIFアニメーションや動画と静止画の組み合わせによって、被写体の一部だけに動きを与えるシネマグラフ。…

  4. サービス開始から約14年。変化し続けるリスティング広告の「今」(…

    GoogleとOverture(現Yahoo! リスティング広告)のサービス開始から約14年が経った…

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

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

  6. あなたの会社のWebサイトは大丈夫? Webサイト改ざんのリスク…

    JPCERTコーディネーションセンターの調査によると、2015年に起きたWebサイト改ざんの被害は2…

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

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

  8. ゴールはあくまでKGI。KPI設定において見落としがちなポイント…

    事前の情報設計が成功へのキーポイントとなるWebサイトのリニューアル。とりわけKGI、KPI、CSF…

PICKUP

PAGE TOP