IT用語集

UI、CUI、GUI、UXって何?

はじめに

今回紹介する「UI(ユーアイ)」はIT業界に身をおく方からすれば、耳にタコができるほど聞き飽きた単語かもしれません。
頻繁に会話に出てくるというわけではないのですが、会話中に「UIって何ですか?」なんて質問した際には恥ずかしさのあまりその日の夜は眠れなくなることでしょう。
そんな基本単語とともに、関連単語の「CUI」「GUI」「UX」もご紹介したいと思います。
それでは、早速みていきましょー!!✨

用語説明〜最速で理解したい人のためのIT用語集より抜粋〜

UI(User Interface)・・・人とコンピュータがやり取りをすること。スマホ、PCの画面など。
CUI(Character User Interface)・・・コマンドプロンプトのように、文字を介してコンピュータとやり取りをするもの。
GUI(Graphical User Interface)・・・スマホ, PCなど視覚的な操作でコンピュータとやり取りをするもの。
UX(User Experience)・・・ユーザーが製品やサービスを通して得られる体験。

UI、CUI、GUIの違いと使い分け

まずは各用語の意味をザックリと解説していきます。
◾️UI=「画面上の全ての情報」:画面上部のサイトメニュー、中央に文章、下部に他のサイトへの誘導リンクがあって〜…など。
◾️CUI=「文字だけで情報をやり取りするUI」:コマンドプロンプトなど。
◾️GUI=「図や表だけで情報を中心にやり取りするUI」:スマホ画面、PC画面、カーナビなど。
UI」は言葉の指す対象が広いので、非常に使いやすい言葉です。
(例)
・「今回のアップデートでUIが良くなったね〜」(訳:ツールのデザインが良くなって使いやすいね)
・「PCだけじゃなくて全体的なUIを良くしよう!」(訳:マウスやキーボードなども色々性能を良くしよう)
・「このサービスの弱点はUIなんだよな〜」(訳:システムはいいが、なんか使いづらいな)
次に「CUI」「GUI」を見てみましょう。
CUIとは、エンジニアのPCの画面のようなイメージです。コマンドプロンプトのアレです。
なぜ彼らはあの使いにくそうな画面を使っているのでしょうか。
それは「プログラムの共有・再現がしやすい」からです。
画面上のボタンを押して〜上のタブを右クリックして〜という操作では作業効率が悪くミスも起こりやすいです。
また、WEBサーバーなどでは文字だけのやり取りになるのでCUIしか使用することができません。
また、CUIには魅力的な点がいくつも存在します。
例えば「コピペで操作を再現できる」「操作の記録を残すことができる」「操作が早い」「画面を切り替えずにほとんどの操作を行うことができる」などがあります。
GUIとは、スマホやPCの画面をイメージするとわかりやすいです。
私たちが普段使用するWEBサイトには「戻るボタン」「×ボタン」「サイト遷移タブ」などがあります。
それらのボタンやURLも「GUI」の一つです。
さらにいうと、LINE, Instagram, iPhoneの設定なども全てGUIに該当します。

UIとUXの関係性

UXとは「顧客体験」のことで、顧客が満足したか、顧客にどのような影響を与えるかなどです。
ですので、UIを改善することはUXの向上に直結します。
しかしここで勘違いしてはいけないのが「UIとUXは別物である」という点です。
最近では、UIとUXを同じニュアンスで使用する人も増えているような気がしますがそれは正しくありません。
UIを改善してサイトデザインが良くなったとしても、ユーザーが欲しい情報を手に入れることができなければUXは悪いということになります。
ありがちなのが、デザイン性の高いサイトをただ作成すればUXが良くなると勘違いしてしまうケースです。
美しいサイトでも購入プロセスが長すぎたりすると、ユーザーは購入プロセスから離脱してしまいます。
UIはあくまでUXを高めるためのものなので、優先順位を間違えないようにしたいところですね。

おわりに

ユーザーを引きつけるには「UI」への取り組みが必要で、
ユーザーと長い関係を持つには「UX」への取り組みが必要です。
もっとサイト訪問者を増やすにはどうしたら良いか、CV率を上げるにはどのようなUIが適しているのか、UXは良い状態を保っているか、、などなど分析には多くの視点が必要ですよね。
私もUIやUXに関する知見を深めていきたいなと思いました。
この記事を通して「UI」「CUI」「GUI」「UX」に関する理解を深めていただければ幸いです。
最後まで目を通していただきありがとうございました🙇‍♂️

参照元

.https://uxmilk.jp/27546
.https://proengineer.internous.co.jp/content/columnfeature/4962
.https://www.marke-media.net/mp/genre.php?msid=30
.http://www.cc.kyoto-su.ac.jp/~hirai/text/cui.html
.https://www.stacky-health.work/2018/11/17/cui%E3%81%A8gui%E3%81%A8%E3%81%AF%EF%BC%9F%E5%99%9B%E3%81%BF%E7%A0%95%E3%81%84%E3%81%A6%E8%A7%A3%E8%AA%AC%EF%BC%81/

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. IT用語集

    インジェクション攻撃(Injection Attack)って何?

    はじめにインジェクションとは、注入, 注射を意味します。つまり、イ…

  2. IT用語集

    ユーザビリティ(Usability)って何?

    はじめにユーザービリティーとは「Use + able = 使う + …

  3. IT用語集

    キッティング(Kitting)って何?

    はじめにキッティングって、キティーちゃんと名前が似ててかわいい言葉で…

  4. IT用語集

    ドキュメント(Document)って何?

    はじめにドキュメントって何だろう、周りでこの言葉を使う人が増えたなぁ…

  5. IT用語集

    ドメイン(Domain)、クロスドメイン(Cross Domain)って何?

    はじめにドメインって聞いたことはあるけど、どんな意味かよくわからなー…

  6. IT用語集

    コンテナ(Container)って何?

    はじめにコンテナってたまーに耳にする単語ですよね。最近では、路上に…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. 第14回関西DB勉強会-Snowflake Summit参加…
  2. Open Interpreter+VScode+Docker…
  3. LangChainって何?: 次世代AIアプリケーション構築…
  4. 回帰分析はかく語りき Part1 単回帰分析
  5. GitHub ActionsでGCEへのデプロイを楽にしてみ…
  1. Google Cloud Platform

    Server-side GTMのAppEngine設定をカスタマイズする
  2. Tableau

    Tableauのモデリング関数を理解する
  3. Adobe Analytics

    Adobe Summit 2020レポート: Customer Journey …
  4. ブログ

    「Power BI」を用いたダッシュボードの作成!②
  5. Google Analytics

    Server-side GTMのGAビーコンログをBigQueryにエクスポート…
PAGE TOP