Webサイトについて調べていると、「UIを改善する」「UXを考える」といった言葉を見かけることがあります。
UIとUXは似た場面で使われますが、意味は同じではありません。
簡単に分けると、UIはユーザーが直接触れる部分、UXは利用を通して得られる体験です。Webサイトを例にしながら、違いを整理してみましょう。
UIとは？
UIは「User Interface（ユーザーインターフェース）」の略です。
Webサイトでは、ユーザーとWebサイトをつなぐ接点を指します。
たとえば、次のようなものがUIに含まれます。
- ボタン
- メニュー
- 入力フォーム
- 文字や画像
- ページのレイアウト
- 検索ボックス
「UI＝見た目」と説明されることもありますが、デザインのきれいさだけを指す言葉ではありません。
ボタンを押しやすいか、メニューの場所が分かりやすいかなど、実際の操作に関わる部分もUIです。
Webサイトの見た目や制作について整理したい場合は、WebデザインとWeb制作の違いも確認しておくと理解しやすくなります。
UXとは？
UXは「User Experience（ユーザーエクスペリエンス）」の略で、ユーザーがサービスを利用して得る体験を指します。
Webサイトなら、
「探していた情報がすぐ見つかった」
「申し込みが迷わずできた」
「スマートフォンでも使いやすかった」
といった体験がUXに関係します。
反対に、目的のページが見つからない、入力途中で迷ってしまうなどの体験もUXの一部です。
UXは単なる使いやすさだけではなく、利用したときに感じることまで含む広い考え方です。
UIとUXは何が違う？
UIとUXは、分けて考えると分かりやすくなります。
たとえば、Webサイトにお問い合わせフォームがあるとします。
UIにあたるのは、入力欄の配置やボタンの大きさ、文字の読みやすさなどです。
一方、UXは「入力する項目が分かりやすかった」「迷わず送信できた」といった、フォームを利用した一連の体験です。
つまり、UIはUXを作る要素の一つと考えられます。
ネットショップで考えると違いが分かりやすい
もう一つ、ネットショップを例にしてみましょう。
商品の検索ボックスが見つけやすく、購入ボタンも押しやすい。これはUIが分かりやすい状態です。
さらに、
- 欲しい商品をすぐ見つけられる
- 商品の違いを比較しやすい
- 購入まで迷わず進める
- 入力ミスがあっても修正しやすい
といった流れまで快適なら、UXも良くなります。
逆に、見た目がおしゃれでも「商品が探せない」「購入方法が分からない」と感じるなら、良いUXにつながっているとは限りません。
UIだけ良くすればUXも良くなる？
UIを改善すれば必ず良いUXになる、というわけではありません。
たとえば、申し込みボタンが見やすくても、申し込みページの説明が分かりにくかったり、入力項目が多すぎたりすれば、途中で利用をやめてしまう可能性があります。
画面の一部分だけではなく、目的を達成するまでの流れを見ることがUXを考えるうえで大切です。
WebサイトではUIとUXをどう考える？
難しく考えず、まずは「このページでユーザーは何をしたいのか」を考えてみましょう。
たとえばお問い合わせページなら、目的はお問い合わせを完了することです。
そのうえで、
「入力欄は分かりやすいか」
「必要な説明が見つけやすいか」
「送信まで迷わず進めるか」
と順番に確認します。
前半はUI、全体の流れはUXに近い視点です。
見た目を整えること自体が目的ではありません。ユーザーが目的を達成しやすいかまで確認すると、UIとUXを一緒に考えやすくなります。
UIとUXでよくある勘違い
初心者のうちは、次の2つを覚えておけば十分です。
「UI＝デザイン」だけではないことと、「UX＝使いやすさ」だけではないことです。
UIには操作方法や配置も含まれ、UXには利用中の分かりやすさや満足感なども関わります。
言葉を厳密に覚えることより、「どの部分の話をしているのか」を区別できることが大切です。
まとめ
UIは、ボタンやメニュー、レイアウトなど、ユーザーがWebサイトと直接やり取りする部分です。
UXは、そのWebサイトを利用することで得られる体験全体を指します。
UIはUXを良くするための重要な要素の一つですが、UIだけを整えれば十分というわけではありません。
Webサイトを確認するときは、「見やすいか」だけでなく、「ユーザーが目的まで迷わず進めるか」という視点も持ってみましょう。
コメント