- ✓UXとUIの違いを、自分の言葉で説明できる
- ✓身近なアプリを例に、UXの問題とUIの問題を切り分けられる
- ✓UXとUIがどうつながって1つの体験を作るのかをイメージできる
UXとUIは何が違うのか
UXはユーザー体験（User Experience）、UIはユーザーインターフェース（User Interface）の略です。この2つは並べて語られることが多いものの、指している範囲は異なります。
UXは「使う人がサービスを通じて得る体験の全体」を指します。アプリを開く前の期待から、使っている間の感情、使い終わったあとの満足感まで、すべてがUXの範囲です。
一方、UIは「使う人とサービスの接点」です。画面のレイアウト、ボタン、文字、色といった、目に見えて触れる部分を指します。UIはUXを構成する重要な要素のひとつ、という関係です。
UXが「体験の全体」、UIが「接点となる画面まわり」。きれいなUIを作ることは、良いUXを作るための手段のひとつです。この包含関係を押さえると、2つの言葉に迷わなくなります。
UXデザインが扱う範囲
UXデザインの仕事は、画面を描く前から始まります。「そもそも誰の、どんな困りごとを解決するのか」を明らかにするところが出発点です。
たとえば飲食店の予約アプリなら、「予約したいのに電話する時間がない人」の行動や気持ちを調べ、どんな流れなら迷わず予約を完了できるかを設計します。調べる・定義する・流れを設計する・検証するという一連の活動がUXデザインの範囲です。
UIデザインが扱う範囲
UIデザインは、UXデザインで設計した流れを「実際に触れる画面」に落とし込む仕事です。情報をどう並べるか、ボタンをどこに置くか、どんな色と文字で伝えるかを決めていきます。
良いUIの条件はシンプルで、迷わせないことです。どれだけ美しくても、次に押すべきボタンが見つからなければ、その画面は役割を果たせていません。見た目の美しさと使いやすさの両立がUIデザイナーの腕の見せどころです。
UXとUIをつなげて考える
実務では、UXとUIは別々の仕事ではなく、つながった1つの流れです。利用者を調べて課題を定義し（UX）、それを画面の形にして（UI）、実際に使ってもらって検証し（UX）、画面を直す（UI）。この行き来を繰り返してサービスは良くなっていきます。
本講座で目指すのは、この流れ全体をひとりで回せるデザイナーです。次のレッスンからは、その最初のステップである「利用者を知る」方法を学んでいきます。
- UXは体験の全体、UIは接点となる画面まわり。UIはUXの一部
- UXデザインは画面を描く前の「調べる・課題を定義する」から始まる
- 良いUIの条件は迷わせないこと。美しさと使いやすさの両立が鍵
- 実務ではUXとUIを行き来しながらサービスを良くしていく