「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

順番に見ていきましょう。
まずは予備知識として

・ユーザ
・インターフェース
・UI（ユーザインターフェース）
・UX（ユーザエクスペリエンス）

について説明します。
「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。

ユーザは「使う人」です。



単語の意味から考えた方が分かりやすいかもしれませんね。
英単語の「use（ユーズ）」の意味は「使う」とかです。
接尾辞「er」を付けると「～する人」とか「～するもの」的な意味になります。
「use（使う）」と「er（～する人）」を合体させて「user（使う人）」です。

インターフェースは「何かと何かの くっついている部分」です。
一般的には「接触面」や「接点」などと訳されます。



UI（ユーザインターフェース）は「人間様とコンピュータさんの接点」です。



……と言われてもピンと来ないですよね。
私もです。

辞書的な意味からは少し外れてしまいますが、一般的には

１．画面
２．見た目
３．使い勝手

のどれかを指して「ユーザインターフェース」と表現していることが多いはずです。

人間様はコンピュータさんを使うとき、画面をジーっと見ます。



捉えようによっては画面は人間様とコンピュータさんの接点と言えるでしょう。
だから、画面を意図して「ユーザインターフェース」と言ったりします。
あるいは画面の先、機能だなんだの「見た目」を指して「ユーザインターフェース」と言ったりします。

また、人間様はマウスをグリグリやったり、キーボードをポチポチしたりして、コンピュータさんを使います。



マウスやキーボードは人間様とコンピュータさんの接点と言えるでしょう。
よって、マウスやキーボードはユーザインターフェース……なのですが、一般的にはマウスやキーボードによる操作（のしやすさ）を意図して「ユーザインターフェース」と言ったりします。

操作のしやすさは、言い換えると「使い勝手」です。
例えば、押しにくい場所にボタンがあったら、使い勝手は良くありません。
そのような状況を指して「このUIはイマイチだね」と言ったりします。

ちなみに「User Interface（ユーザ・インターフェース）」の頭文字を取って「UI」ね。



※「User Interface」を何となく日本語にすると「使用者との接点」となります。[詳細]

UX（ユーザエクスペリエンス）は「製品なりサービスなりを使って得た体験や感想」です。



「User eXperience（ユーザ・エクスペリエンス）」の頭文字を取って「UX」ね。



※「User eXperience」を何となく日本語にすると「利用者の体験」となります。[詳細]

UIとUXは、似ているけど違いますが似ています。

UIは「使い勝手」です。
「どれだけ楽に便利に使えたか」です。
例えば「UIについて考える」と言った場合は「どうすれば楽に便利に使えるかを考える」の意味になります。
コンビニで売っている おにぎりであれば「どうすれば開けやすいか」「手が汚れないで食べられるか」「持ち運びに邪魔にならないか」などですね。

UXは「使ったことで、何を どれだけ得られたか」です。
「UXについて考える」と言った場合は「それによって何を どれだけ得られるかを考える」の意味になります。
コンビニで売っている おにぎりであれば「どれだけ お腹が膨れたか」「どれだけ美味しいと感じたか」「どれだけ幸せになれたのか」などです。

ちょっと小難しい言い方をすると、UIが「過程」や「手段」に対するアプローチで、UXが「目的」や「結果」に対するアプローチです。
ピヨ太君がピヨピヨ肉まんを食べようとしたとして「どうやって食べる」がUIで「食べたら、どーなった」がUXですよ。

以上を踏まえて

「UI」と「UX」を一緒くたにした表現

が「UI/UX」です。
表現したいことは「『UI』＆『UX』」と同じです。



UIもUXも、使う人に対する あれやこれやです。
どうせ両方とも考える必要があるので「UIとUX」の意図で「UI/UX」と表現しているのだと思います。