UIとUXの違い：毎日使うアプリでわかる基本
地図やコーヒー注文の例から、UIの情報・操作・応答と、その前後を含むUXを整理します。
UIは、サービスを使うときに接する情報や操作の手段です。UXは、使う前から使い終えた後までを含む体験を指します。地図アプリなら、目的地の入力欄や経路を選ぶボタンはUIです。移動の計画を立て、案内に従って歩き、目的地に着くまでをどう受け止め、反応したかは、UXの広い範囲で考えられます。
この違いを知ると、Webサイトを依頼する際にも話が具体的になります。「きれいにしてほしい」という希望に加えて、画面で直したい点と、利用の流れ全体で解決したい点を伝えられるからです。
UIが扱うのは見た目、情報、操作、応答
UIはUser Interfaceの略です。韓国行政安全部の公共Web・アプリ向け案内でも、UIとUXの基本的な違いが紹介されています。利用者とサービスをつなぐ接点であり、文字、色、アイコンのほか、メニュー名、入力欄、ボタン、処理中の表示、エラーメッセージなども含みます。何がわかり、何ができ、操作した結果をどう知らせるかを扱います。
説明のために、架空の地図アプリを考えてみましょう。住所を入力して経路検索を押すと、移動手段ごとの候補が表示されます。選んだ経路が強調され、現在地を取得できないときは案内が出ます。この情報、操作、応答はいずれもUIです。
ボタンの色を変えることもUIの仕事ですが、「確認」という表示を「この経路で出発」に変えることもUIの仕事です。押した後の結果を予想しやすくするための判断です。ただし、文言を変えた事実だけでは、実際に使いやすくなったとは判断できません。
UXはアプリを開く前と閉じた後にも続く
UXはUser Experience、つまりユーザー体験です。実際の利用や、利用を予想することから生じる認識や反応を幅広く扱います。画面に加え、機能、動作の速さ、案内の内容、サービスへの期待、利用する状況なども影響します。
架空のコーヒー注文アプリで、写真が見やすく、注文の選択肢も整理されているとします。でも、支払いを終えてから選んだ店舗の場所に気づいたらどうでしょう。「受け取り準備完了」の通知を見て来店したのに、受け取り場所がわからない場合はどうでしょう。整った画面だけでは、注文体験全体を説明できません。
アプリを開く前の「すぐに受け取れる」という案内がどんな期待を生んだか。注文前に店舗や準備時間の目安を確認できたか。受け取った後に問い合わせる方法はあるか。サービスの約束と実際の運営がつながる部分まで確認できます。
同じアプリでも、使う状況によって体験は変わります。家でゆっくり選ぶ人と、移動中に片手で注文する人では、情報に向けられる注意が異なります。「誰が、何のために、どんな状況で使うか」を添えると、UXの話が具体的になります。
ユーザビリティとUXは同じ意味ではない
ユーザビリティは、特定の利用者が、ある状況で特定の目標をどれだけ有効に、効率よく、満足して達成できるかに関わる概念です。UXと密接に関係しますが、同義ではありません。UXには利用前の期待や、利用後に残る認識なども含まれます。
コーヒーの例なら、「意図した店舗とオプションを選び、注文を完了できるか」はユーザビリティを考える問いです。さらに、案内から何を期待し、実際の受け取りがその期待とどうつながったかまで見ると、体験を捉える範囲が広がります。どちらにも満足という言葉が出てくるからといって、同じ概念になるわけではありません。
「UIは見た目、UXは気持ち」と覚えると、この違いを取りこぼします。UIにも理解や操作が含まれ、UXにも目標を達成する過程やサービスの働きが含まれます。別々の箱というより、同じ利用場面を異なる範囲から見る視点だと考えると整理できます。
Web制作の依頼は、訪問者の一つの行動から
小さな工房が教室のWebサイトを作ると仮定します。初めての訪問者が日程を確認して予約する、という場面を決めると話し合いやすくなります。カレンダーの文字サイズや日付の選び方はUIの検討事項です。持ち物の案内、予約確認、変更の問い合わせは、より広い利用の流れで確認できます。
依頼するなら、「UXをよくしてほしい」だけでなく、「スマートフォンで教室を見つけた人が、空き日程を見て、支払い前に持ち物とキャンセル条件を確認できるようにしたい」と書いてみます。必要な情報、行動、確認する範囲が見えてきます。
仕上がりを確認するときも、最初の画面だけでなく、一つの行動を最後までたどってみましょう。日付を間違えたら直せるか。入力ミスの場所がわかるか。予約の完了が伝わるか。見栄えのよいデザイン案は、この流れの一部を示しています。
こうした確認は問題を見つける出発点です。実際の利用者も簡単に完了できるかは、別に確かめる必要があります。誰が、どの端末で、何をしようとして、どこで止まったかを見ることで、好みの意見と利用中の問題を分けて考えられます。
UIとUXを区別する目的は、作業名の正解を決めることではありません。情報や操作を具体的に見ながら、画面の外に続く期待や出来事にも目を向けることです。求める雰囲気とともに、訪問者に完了してほしい行動を一つ書いておくと、次の相談が進めやすくなります。