【ゆーあい】
UI（ユーザーインターフェース） とは？
最終更新:
💡 人が操作し、結果を受け取るための接点
人と機械・ソフトウェアがやり取りするための接点。画面のボタンや入力欄だけでなく、キーボードやコマンドによる操作なども含む。
📌 このページのポイント
ひよこ UIって画面の見た目のこと？
ペンギン先生 見た目だけではないよ。ボタン、入力欄、メニューなどを通じて、人とシステムがやり取りするための接点だね。キーボードやコマンドで操作する仕組みもUIに含まれるんだ。
ひよこ GUIとCLIって何？
ペンギン先生 GUIは画像やボタンなどを使う操作の仕組み、CLIはコマンドを入力する仕組みだよ。どちらもUIの例で、UIがこの2種類だけに限られるわけではないんだ。
ひよこ 色で操作を分かりやすくすればいい？
ペンギン先生 色は手掛かりになるけれど、色だけに意味を任せないことが大切だよ。例えば削除ボタンには「削除」という文字も付ける。赤と緑の区別だけに頼ると、意味を読み取れない利用者がいるんだ。
ひよこ アクセシビリティにはARIAを付ければいい？
ペンギン先生 属性を付けるだけでは足りないよ。例えばbuttonの役割を宣言しても、キーボードで動く機能が自動で付くわけではない。部品の意味と動作をそろえ、実際に操作できるか確かめるんだ。
ひよこ UIとUXはどう違うの？
まとめ：ざっくりこれだけ覚えればOK！
「UI」って出てきたら「人が機械やソフトウェアとやり取りするための接点」と思えばだいたいOK！
📖 おまけ：英語の意味
「User Interface」 ＝ ユーザーインターフェース
💬 Userは利用者、Interfaceは接点を表すよ。ソフトウェアでは、利用者が入力し、結果を受け取る部分などを指すんだ。