今更聞けない！UI/UXって結局なに？基本のキホン🌸| vol.1

お疲れ様です。花冷です🌸

最近、いろいろなWebサービスやアプリに触れて、
「これ、すごく使いやすいな〜！」って感動すること、ありませんか？
逆に、「どこを押せばいいの！？」ってイライラしちゃったり……（笑）

それって実は、「UI/UX」が大きく関わっているんです！
今日からなんと！全12回にわたって、
今更聞けない「UI/UXのいろは」についてお話ししたいと思います✨

❓ UIとUXって何が違うの？

似ているようで、実は明確な違いがあります！

🔴 UX（ユーザーエクスペリエンス）とは？
ユーザーがシステムやサービスの利用を通じて得る「体験全体」のこと。
「読み込みが速くてストレスがない」「欲しい情報にすぐ辿り着けた！」
といった満足感そのものがUXです。

🔴 UI（ユーザーインターフェース）とは？
サービスとユーザーの「接点」のこと。
画面のデザイン、フォント、ボタンの色など、
ユーザーの視界に触れる情報すべてがUIになります 。

つまり、「UIはUXの一部」なんです！
どんなにおしゃれなUIでも、
使いづらければ「UX（体験）」は最悪になってしまいますよね😥

🗺️ UI/UXの世界の「全量（全体像）」を知ろう

UI/UXの世界を網羅するには、
以下の「3つの柱」を押さえるだけでOKです✨
これは私なりに全体像を抑えたいと思って考えた柱です。

① 良い体験を作るための「プロセス（構造）」
目に見えるデザインをいきなり作るのではなく、
「誰の課題を解決するか」から順に積み上げる土台作りです。

② 迷わせない設計の根拠となる「人間の心理（UX心理学）」
人間の脳や感情の仕組みに寄り添う設計ルールです。
これがデザインの最大の武器！

③ 本当に使いやすいかを測る「評価基準（ユーザビリティ）」
本当に迷わず、早く、
心地よく使えるかを確認する絶対的なチェックリストです。

🗓️ 全12回の連載ラインナップ

この連載では、上記の「3つの柱」をすべて網羅します！

• 第1回： 導入（UI/UXの基本と違い） ※今回

• 第2回： 良い体験はどう作られる？「UXの5階層モデル」

• 第3回： 情報を見やすく整理する「視覚と認知」の法則

• 第4回： 説明書いらず！直感的な「操作」を生む法則

• 第5回： 脳のメモリに寄り添う「記憶」のサポート

• 第6回： 選択肢は少ない方がいい？「選択の科学」と行動経済学

• 第7回： 迷わせないのが正義！「意思決定」の法則

• 第8回： 指先の動きを計算する「物理的な操作」の法則

• 第9回： ユーザーの「感情」と「モチベーション」を操る法則

• 第10回： 使いやすさの絶対基準「ユーザビリティ10原則と5要素」

• 第11回： 答えはユーザーの中に！「UXリサーチ」の基本と手法

• 第12回： 良い体験に終わりはない！終わらない改善のサイクル

いかがでしたか？？

エンジニアの方はもちろんですが、
普段使っているアプリやサイトの工夫されているなあという作りが
内部でたくさん検討された結果こうなっている！

って思うと、深くて面白いです！🔍

私もそんなUI/UXを考えられるように勉強したいと思って
始めた企画がこの勉強記事連載になります📚

次回は、この「優れた体験（UX）」をどうやって作っていくのか？
設計のプロセスである**「UXの5階層モデル」**についてお話しします！

どうぞお楽しみに！それではお疲れ様でした！

⭐次の記事はこちら📝

⭐マガジンはこちら📚