UIってなんだっけ？😅
こんにちは！今回は以前の投稿で「UI」というワードを使っておりましたが、エンジニアやデザイナーの方でないと、あまり耳にしないかと思い記事にしようと思いました。
また、UIに関連するワードもご紹介できればと思います！
UIとは
UIとは「User Interface（ユーザーインターフェイス）」の略称です。
Interfaceとは「接触面」と言う意味があります。
PC関連でこのワードを使う際は、キーボードやマウス、マイクなどのユーザーとPCの間で情報をやり取りする様々な入力装置のことを指します。
webサービスの場合は、webページのデザインやフォントなどもUIに含まれます。はい、そうなんです。めちゃ範囲が広いんです（笑）
一般的にエンジニアやwebデザイナーは後者の意味として捉えているのがほとんどかと思います。
「このサイトUIいいよねー！」みたいな会話をしてます。
参考になりそうな画像を見つけましたので貼っておきます。
[出典]https://blog.nijibox.jp/article/whats_ui/
CUIとは
CUIとは、Character User Interface（キャラクター ユーザー インターフェイス）の略となります。
これはキーボード入力を用いたインターフェイスのことであり、当然、コンピューターが生まれた当時のUIはこのCUIのみでした。よく映画やドラマでエンジニアがハッキングする時にカタカタ文字を打っているアレです💻
例としては、Linuxなどが挙げられます。
GUIとは
GUIとは、Graphical User Interface（グラフィカル ユーザー インターフェイス）の略となります。
「必要なフォルダをカーソルで選択する」「ドラッグして複数のファイルを同じフォルダに入れる」といった操作を指します。これによりPCは視覚的に操作が可能になり格段に使いやすくなりました。今はこれが当たり前ですが、昔は入力はキーボードのみ画面はコマンドしか表示されないCUIが当たり前でした。いやぁ、便利な時代になりましたね！
UXとは
UIとよく一緒に使われる言葉でUXと言うワードがあります。
これはUser Experience（ユーザー エクスペリエンス）の略です。その意味は「ユーザーが製品やサービスで得られる体験」となります。
例えば、文字の大きさやデザインが見やすかったり、情報を効率よく収集できるなどサービスの質に関わる体験は代表的なUXと言えます。UIの質やデザインが優れていれば、ユーザーはより良質のUXを得ることができるようになります。つまり、UIはUXを高めるために欠かせない要素なのです。こちらも参考になる画像ありましたので貼っておきます。
[出典]https://designalpha.jp/knowledge/ux/difference_uxui/
おわりに
皆さんもwebサイトやネットの記事、雑誌を見ていて「これは見やすいし、情報が収集しやすい！」と感じるものもあれば、逆に「情報量が多すぎ、デザインもチカチカしている、文字ばかりで見づらい」と感じるものもあるはずです。私自身も以前ポートフォリオ（自己紹介のようなもの）を作成していましたが、我ながら見辛いなと思いました（笑）それだけ、UI・UXは大切なのです😇
デザイナーでない方も仕事の幅も広がると思いますので、これを機にデザインを勉強してみてはいかがでしょうか？デザインを視覚的に学ぶため、こちらの本はとても参考になりますのでぜひ斜め読みして見てください。それでは今回はこの辺で失礼します👋
Discussion