IT用語集

IT用語集【ユーザーインターフェース(UI)】とは

「ユーザーインターフェース」説明記事 表紙

読み方/英語:ゆーざーいんたーふぇーす/user interface

Meanning

ユーザーがサービス、またはコンピュータやソフトウェア等とやり取りするためのデザインや操作方法の事

ユーザーインターフェース(UI)を詳しく説明すると

ちゃば
ちゃば

大嫌いな英語の略語や~。

かみさん
かみさん

ん、何ていう言葉?

ちゃば
ちゃば

UI

かみさん
かみさん

「UI」ね。じゃあちょっとUIについて勉強しましょうか。

ちゃば
ちゃば

お願いします。

UI(ユーザーインターフェース)とは

かみさん
かみさん

UIとはUser Interface」の略語で、ユーザーインターフェースと言うのよ。

ちゃば
ちゃば

ユーザーインターフェース

聞いたことがあるような無いような。。。

かみさん
かみさん

IT関連、特にWebのデザイン関連では必ずお目にかかる用語の一つね。

ちゃば
ちゃば

どんな意味?

かみさん
かみさん

まずインターフェース(interface)とは、「境界点」、「接点」という意味があるわ。そして「ユーザー」とは「サービスを利用する人」という意味ね。

それらを組み合わせると?

ちゃば
ちゃば

サービスを利用する人との接点、か。

むむ。

かみさん
かみさん

そうね、ユーザーインターフェース(UI)とはユーザーとサービスとの接点、またはユーザーとコンピュータデバイスソフトウェアなどの”モノ”との接点の事を表すわ。

ちゃば
ちゃば

接点とは一体なに?

かみさん
かみさん

接点とは、そうねユーザーがコンピュータデバイスとのコミュニケーションをとるときの方法とでもいうのかしら。

例えばスマホのアプリであれば、画面の中のボタンやテキスト、画像、デザインなどの機能やビジュアル面がユーザーとの接点となる情報であり、これら全てがUIとなるわ。

スマホ画面イラスト
ちゃば
ちゃば

見た目や使いやすさの事か?

かみさん
かみさん

UIは見た目だけではなくて、例えば文字のフォントやメニューボタンの大きさまたはデバイスなどの触り心地や操作性まで、ユーザーが認識するもの、使うものすべてを含むのよ。

スマホ画面操作イラスト
ちゃば
ちゃば

なるほど。

かみさん
かみさん

UIのおおよそのイメージはつかんだかしら。

そしてUIはいろんなサービスを作るうえで非常に重要になってくるのよ。なぜだかわかる?

ちゃば
ちゃば

わかりづらいUIは使いにくいから?

かみさん
かみさん

そうよ、その通りよ。

例えば画面が見にくい、どこにボタンがあるかわからない、使い方がわかりづらい、といった評価のUIの場合は、ユーザーはどんどんそのサービスを利用しなくなるわ。

ちゃば
ちゃば

なるほど。使い勝手の良いUIを作る必要があるんやな。

かみさん
かみさん

そういう事ね。

さらにUIに関連して、「CUI」「GUI」という言葉も知っておいた方が良いわ。

ちゃば
ちゃば

また知らんアルファベット略語が増えた。。。

CUIとは

かみさん
かみさん

CUIはCharacter User Interface」の略で、キャラクターユーザーインターフェースといって、文字によるユーザーインターフェースの事よ。

ちゃば
ちゃば

文字による?

かみさん
かみさん

こういう画面を見たことがあるかしら?

CUI画面
ちゃば
ちゃば

むむ、これはパソコンに詳しい人が使う画面やな。

かみさん
かみさん

そうね、たいていはパソコンが詳しい人やプログラマーが使う画面で、文字や記号でコンピュータを操作する画面の事よ。コマンドプロンプトとも言うわ。一般の人にはよくわからないかもしれないわね。

ちゃば
ちゃば

何がなんやらさっぱりや。

かみさん
かみさん

CUIはコンピュータ初期の時代のユーザーインターフェース(UI)よ。文字や記号を入力してファイルを操作したりプログラムの実行を行っていたの。

ちゃば
ちゃば

なんか使いにくそうやな。

かみさん
かみさん

そうね、CUIは効率的な操作が可能なんだけど、使用するためには専門知識が必要で一般のユーザーにとってはCUIでパソコンを扱うのはハードルが高かったの。

なのでGUIが登場したのよ。

ちゃば
ちゃば

GUIとは?

GUIとは

かみさん
かみさん

GUIは「Graphical User Interface」の略で、グラフィカルユーザーインターフェースといって、グラフィカルな、つまりビジュアルによるユーザーインターフェースの事なの。

GUI画面
ちゃば
ちゃば

おお、見やすいし分かりやすい。

かみさん
かみさん

そうね、GUI人間の心理に合わせて視覚的な工夫が凝らされた画面で、見やすさや使いやすさを追求したユーザーインターフェースの事ね。例えば下のアイコンは何の意味を表すものか分かるかしら?

アイコン画面
ちゃば
ちゃば

これは、左から「動画再生」、「アンテナ」、「電源」やな。

かみさん
かみさん

そうね、正解よ。

もうこれらのアイコンの意味はほとんどすべての人々に浸透していたり、なんとなく感覚で理解できるので、これらのアイコンがあるだけで操作できたり確認が出来たりするのよ。それがGUIなのよ。

ちゃば
ちゃば

CUIからGUIに変わったという事、やな。

かみさん
かみさん

確かに一般ユーザーにとってはGUIの方が使いやすくて直感的な操作ができるので今はすべてのパソコンがGUIに移行しているわ。

ちゃば
ちゃば

なるほど。俺のブログももっとGUIを追求していって使い勝手を良くしていきたい。

かみさん
かみさん

そうね、頑張ってね。

ただし、どちらも同じコンピュータ操作の方法の違いに過ぎないわ。用途に応じてCUIGUIを使い分けていくのよ。

ちゃば
ちゃば

わかった。

UXとは

かみさん
かみさん

あともう一ついいかしら。

「UI」と似た言葉で「UX」というのがあるの。

ちゃば
ちゃば

UX?

かみさん
かみさん

UXとは「User eXperience」の略で、ユーザーエクスペリエンスというのよ。

意味は「ユーザーがサービスや製品を使って得る満足度」という意味ね。

ちゃば
ちゃば

むむ。

かみさん
かみさん

わかりやすく言えばUXとは「ユーザーがそのサービスや製品でどれだけ使いやすく、満足度の高い体験をするか」という事よ。

ちゃば
ちゃば

ふむ。

かみさん
かみさん

それで、UI(ユーザーインターフェース)の質やデザインが優れていれば、ユーザーはより良質なUX(ユーザーエクスペリエンス)を得ることが出来るのよ。

ちゃば
ちゃば

ふむ、という事はUXには優れたUIが必要という事やな。

かみさん
かみさん

そうよ、その通り。

ただし、UXUIの他にもタスク効率性や学習性、ユーザーへの配慮など、さまざまな要素が関わるの。UIはUXを向上させるための要素の一つに過ぎないわ

UX範囲イラスト
ちゃば
ちゃば

ふむ、UIはUXの一つなのか。

かみさん
かみさん

そうなの、UIを語るうえで、UXは必ず登場してくるので、セットで覚えておいてね。

まとめ

ちゃば
ちゃば

はあ、色々似たような言葉が次々に出てきたんで覚えるのが大変や。

UIにCUI、GUI、でUXやったっけ。

かみさん
かみさん

今回、登場した単語を表にしてみると、

用語説明
UI(ユーザーインターフェース)ユーザーとサービスや製品との接点。デザインや操作方法も含む。
UX(ユーザーエクスペリエンス)ユーザーがサービスや製品を使う際の全体的な満足度。UIはUXの一部の要素。
CUI(キャラクターユーザーインターフェース)文字ベースのUI。操作効率は高いが専門知識が必要。
GUI(グラフィカルユーザーインターフェース)視覚的な要素で見やすさと使いやすさを重視したUI。
ちゃば
ちゃば

なるほど、これで何とか整理できそうやな。

かみさん
かみさん

大体の感覚がつかめていたら大丈夫よ。

ちゃば
ちゃば

OK~。

ありがとうございました。

【関連用語】
・UX
・GUI
・CUI

タイトルとURLをコピーしました