# 「UI」と「UX」って何が違うの？ こんばんは、エンジニアのおうちでまったり、青少尉賞ラジオのニューブルーです。 この番組は、エンジニアだからお伝えできることや、日々気になったことなど、楽しくITを学べるチャンネルです。 聞きに来てくださってありがとうございます。 今日は、今更聞けないIT用語シリーズになります。 世の中に溢れているIT用語ですとか、英語のよくわからない略称、難しいと思って避けてしまいがちな単語などなど、 この放送を聞いて、皆さんがITというものをもっと身近に感じてもらえれば嬉しいです。 また、本シリーズはハッシュタグがありますので、そちらからこのシリーズの放送も聞いていただければと思っております。 ということで、今日のデイリートークテーマが、お気に入りの部屋づくりということで、 はい、どうした、なぜ、なぜだ、なんででしょうね。 このテーマがなぜここに来たのか、ちょっと私はわかってないんですが、 お気に入りの部屋づくり。 普段、私は部屋には全然こだわりはないんですけど、 でも、ウェブサービスを作っているエンジニアとして、 お部屋、つまりウェブサービス、 そのウェブサービスを居心地の良い部屋づくりにする、 つまり、お気に入りの部屋づくりをするということで、 考えると、IT用語、あれ一択かなと思うんですが、 ということで、今日は部屋のインテリアとか、そういったものを考える上でも、 本当に参考になると思います。 IT業界、ウェブ業界の超重要なキーワード、 UIとUXについてお話ししていきたいなと思っております。 ITニュースとか、アプリとか、いろんな開発の裏側で、 UX、UIっていうのを改善したよとか、こうやったよみたいなお話って、 よく聞く、見たり聞いたりすると思います。 UIとUX、よくセットで話されていることが多いと思うんですけど、 UIとUXって何?何が違うの?っていう話をまずはちょっとしようかなと思っていて、 これをお部屋づくり、今回のトークテーマのお部屋づくりに例えて、 お話ししていきたいなと思っております。 まずUIのほうです。これは正式にそのままで言うと、ユーザーインターフェースになります。 これをお部屋づくりで考えると、家具やレイアウトのことになります。 ユーザーインターフェース、UIっていうのは、ユーザーが目に触れる部分ですね。 ウェブサイトで言うと目に触れる部分とか、あとは操作する部分、そのもの自体のことを言います。 ですので、お部屋の中で例えると、お部屋のレイアウトとかを考えるときに、 目に触れる部分というのは、壁紙の色ですとか、あとはソファーの色ですとか、ペットの色、あとは形ですよね。 そこからレイアウトに関しては、ソファーをどこに置くですとか、ベッドをどこに置く、 あとはテレビをどこに置く、壁掛けにするとか、いろんなものをどうやって置くかとか、 そういったレイアウトそのもののこと、つまり目に見えるもの、そのもの自体のことをUI、ユーザーインターフェースって呼びます。 それに対して、UX、ユーザーエクスペリエンス。この前、UXよく聞くと思うんですけど、 エクスペリエンスって言葉よく聞くと思いますけど、それはそこで過ごす心地よい体験のことを言います。 なので、家具やレイアウトがユーザーインターフェース、そこで体験するもの、体験地というか、体験することそのものかな、 そういったものをユーザーエクスペリエンス、UXって言います。 ですので、お部屋で例えると、ソファーに座ってゆっくりするというのもユーザー体験ですよね。 あとは、照明の色が色々変わったりとか、いい気分になるなとか、ベッドに寝た時にふかふかなベッドに寝て気持ちいいな、幸せだなと思ったりとか、 テレビの例で言うと、テレビがこっちの方向にあるから見やすいなとか、ベッドに寝転がったままテレビ見れるなとか、 そういったものを通じて、ユーザーインターフェースを通じて得られる体験とか感情とか、そういったもののことをユーザーエクスペリエンス、UXっていう形に言います。 # お気に入りの部屋を作るには「UX」から考える ITの業界には有名な名言というか、 教訓が有名なものがあって、 優れたUIが必ずしも優れたUXを作るとは 限らないというものがあります。 いい選手がいい監督になるとは限らない、 みたいな教訓みたいな感じになると思うかもしれないですけど、 例えば、外国の高級な雑誌とかに出てくる すごい高価でオシャレなテーブルとか椅子を買ったとしましょう。 それって要は最高のUIですよね。 でも、そのテーブルがすごいトゲトゲしいというか、 あれかもしれないですけど、 なんかすごい角が尖っていて、 そこに毎日住んでいると必ず足をぶつけるんですよ、みたいな感じを、 そういった体験を毎日毎日過ごしていると、 それって要は体験なのでUXですよね。 そのUXは毎日足をぶつけると最悪なUXになりますよね。 という形になって、要は見た目がいいとか価値が高いとか、 そういった最高のUIであろうと結果的に居心地の悪い部屋になってしまう。 それはUXが良くないよねという話になるんですよね。 ですので、あなたが部屋のレイアウトを考えたりするときに、 まずUIって考えないですよね。 どういったものが欲しいのか。 ガジェットとか、このソファーが、このメーカーの、 このブランドのものが絶対欲しいっていう方はいらっしゃると思うんですけど、 それを買っても、まずそれをどこに置くのかとかって考えますよね。 それを置いたときに自分がどう動くのか、 要は動線がどうなっているのかとか、 ベッドに寝たところから見える角度はどうなんだとか、 そういったUXのことって考えますよね。 ですので、お気に入りの部屋を作るためには、 UXってのも考えます。 これは本当にウェブ業界でも一緒で、 素晴らしいウェブアプリですとか、 ウェブサイトですとか、アプリケーションとか、 スマホのアプリもそうです。 すべて何かをデザインするときには、 UIよりも先にUX、使うユーザーさんにどんな体験、 UXをして欲しいかっていうものをまず決めて、 それに対してどういった色がいいのかとか、 どういったボタンがいいのかとか、 そういったUIの部分、そういったデザインの部分ですね。 そういったものを逆算していくというか、 そういった感じで作っていくので、 ウェブの業界の考え方と、 お気に入りの部屋を作る考え方っていうのは、 一緒っていう考えもできるのかなと思います。 ということで、このUIとUX、 例えるときに便利なので、 お部屋を考えるみたいな感じで便利なので、 本当に初めて聞いたっていう方は、 もしかしたらいらっしゃらないかもしれませんけど、 聞いたときにこのUIとUXの違いということで、 このお部屋のレイアウトの考え方っていうのを 思い出していただければいいのかなと思います。 # まとめ まとめです。UIとUXとは、まずUIですね。目に見えるデザインや配置のことを言います。お部屋の家具ですとか、レイアウト、そういったものをUI、ユーザーインターフェースと言います。 UX、ユーザーエクスペリエンスは、そこからUIから得られる心地よい体験や感情、そういったものを指します。 ですので、お部屋でのんびりする幸せですとか、そういった幸福感を味わえる感情というものがUXという形になります。 そんな感じで、どんなものを置くかというUIの前にどんな体験をしたいのか、今回はお部屋なので自分がどういった体験をしたいのかという話にはなりますが、 ウェブサイトとかだったら使っていただけるユーザーさんにどんな体験をしてほしいのかということ、UXを先に考えるというのが最高のものづくりのコツというか、みんなやってることなので、 どんな形のUI、UXというのをみんなウェブサイト作ったりとかアプリ作ったりという方はやってるんだよというのを思い出していただければと思います。 この今聞いているボイシーもトップページですとかいろんなUX考えられて作られてると思います。 でもなんかここ使いづらいよねみたいなのがあると思います。 それはUXって万人受けするかどうかは分からない部分もあったりするので、そのあたりはいろいろなんかここ使いづらいよみたいなのがありましたら、 ボイシーの問い合わせサイトからフォームとか投げていただければいいのかなと。 宣伝してるのか邪魔しようとしてるのか分からないですけど、そういったことをすることによって改善していきますし、いろんな意見は運営さんきっと欲しいと思います。 私本当にウェブサイト作っててもそういったご意見めっちゃ欲しいので、ボイシーさんも欲しいと思ってますので、ぜひ登録というか問い合わせしてとかからご意見いただければいいかなと思います。 ということで、今日の今更聞けないIT用語、お部屋作りというかウェブサイト作りというかそういったものにも通じるUIとUXについてお話しさせていただきました。 それでは今日も適当にまったりお過ごしください。ありがとうございました。 # コメント返信✨いつもありがとうございます😊 はい、続いてはコメント返信していきたいと思います。 376回目、話しやすい人の共通点ということでお話しさせていただいた回に 近藤 耀さんからコメントをいただいております。ありがとうございます。 まず、ACK200を返すですね、ということでありがとうございます。 そうですね、本当に誰かの話を聞くときは、まずACKという形でちゃんと聞いたよ、 聞いている状態になっているよということをお伝えすると。 200番ということで、200番、これレスポンスコードとかでやったかな、 やったかはちょっと覚えてないんですけど、200番というのは正常に受け取りましたよという話なので、 そのACKと200というのを返してあげるのが一番、 人間とコミュニケーションするときも大事だよということですね。 はい、コメントありがとうございます。 そして、377回目、今更的なIT用語でお話しさせていただきました回に、 このときはデバッグの話をさせていただきました。 キングダムさんからコメントいただいております。 ありがとうございます。 NEWBLさん、1チャプターの2分過ぎぐらいから雑音入ってますね。 2チャプターも1分半から雑音。 珍しいですね、ということで。 そうです、すいません。ちょっと、なんか、ピーピーピーピーピー。 これ何でしょうね。多分、どっかの収録デバイスの接続か何かが 悪さしているんじゃないかなと思うんですけど、 ちょっと聞き苦しくて申し訳ありません。 一応、しゃべっている声は入っているので、 消さずにちょっとこのままでは行こうかなと思っています。 またちょっと色々調べてうまく撮れるように頑張りたいと思いますので、 本当に情報をいただいてありがとうございます。 こういった本当に情報はこの後にも活続くんですけど、 3チャプターの2分中のところも、 4チャプター尻切れです。デバッグ作業をしています。 違いましたかねということで、 こんなのうざいですかということでありがとうございます。 確かにいい感じにデバッグ作業をしていただきましたね。 聞いていただいて、ここ変なとこあるよっていうのも、 本当にそれがデバッグ作業なので。 デバッグ作業とか、私もよくやってますが、荒探しって、 結構ね、嫌われるというか、そういった気持ちになる言葉、 あんまりいい言葉というか、いいことじゃないように感じられますけど、 でも知らないまま進んでしまうのって、 もっと絶対その人にとってマイナスになるので、 こうやって指摘してあげるというか、 あげるって変かもしれないですけど、 指摘していただくことって本当に嬉しいので、 ぜひぜひいろんなところ、細かいところありましたらどんどんください。 そしてそれによって私も気づきますし、 今回本当に聞き直してたら分かってたのに、 ちゃんと聞き直せてなかったので、 それを先にいち早く教えていただいて本当にありがとうございます。 そしてそれによって、ちょっと言おうと思いましたけど、 私が知るきっかけになって、 そこからこう直したらいいっていう、 どんどんブラッシュアップできるのも、 こういった指摘があるからこそなので、 本当にまた何かありましたらよろしくお願いします。 ということで、コメントたくさんありがとうございました。 ということで、今日の放送はBB入ってたかな。 ちょっと分からないですが、まだ入ってたらよろしくお願いします。 ということで最後まで聞いていただき、 ありがとうございました。 当チャンネルでは、今さら聞けないIT用語シリーズとして、 身近でよく聞くIT用語だけど、 何それってなるような用語を誰にでも分かる形で お話しさせていただいております。 またプレミアム放送もやっております。 プレミアム放送では公開できないプライベートなお話ですとか、 一般放送よりも先に情報を公開するなど、 プレミアムの方だけの限定放送も行っております。 初月無料でやっております。 ウェブからの申し込みで月額200円です。 毎週土曜日の14時から15時の1時間は、 プレミアムの方限定の生放送をやっております。 その1時間は私を自由に使える時間という、 特典みたいなものを用意してますので、 ぜひ質問なり相談なり、これやってとか、 そういったなんでも構いませんので、 ぜひ私の1時間をうまく利用していただければと思います。 ということで、また各種SNSでも 発信活動を行っておりますので、 そちらのほうのフォローもよろしくお願いします。 そして絡みに来ていただければ、 いっぱいいっぱいリプ、 そこのXとかだったらリプシアとか、 そういったものもしたいと思いますので、 ボイシーのコメント欄とか、 コメント欄のほうが嬉しいですが、 SNSでも絡んでいただければと思います。 そして私のLINEスタンプが存在します。 ハムスターが日常会話する、 誰でも、いつでも、どこでも使える、 簡単なLINEスタンプになってますので、 概要欄のほうにリンクを貼っておりますので、 そちらのほうも見ていただければと思います。 はい、ということで、 それでは今日も適当にまったりお過ごしください。 ありがとうございました。