「UI」と「UX」って、どっちも使いやすさのことですよね？何が違うんですか？
いい質問！UIは「触るところ」、UXは「使ってみてどう感じたか」なんだ。自動販売機で考えるとすっきりするよ。
UIとUXの違い
UI（ユーザインタフェース） は、利用者とシステムの 接点 です。画面のボタン、文字の大きさ、メニュー、自動販売機ならお金の投入口や商品ボタンがUIにあたります。
UX（ユーザエクスペリエンス） は、製品やサービスを使うことで得られる 体験全体 です。「迷わずすぐ買えた」「冷たくておいしかった」「電子マネーが使えて楽だった」という満足感がUXです。
I（Interface）＝接する面、X（Experience）＝経験。UIを良くすることはUXを良くする手段の一つですが、UIだけでUXが決まるわけではありません。
GUIとCUI
| 種類 | 操作方法 | 特徴 |
|---|---|---|
| GUI（グラフィカルユーザインタフェース） | アイコンやボタンをマウス・タッチで操作 | 直感的で初心者にもわかりやすい |
| CUI（キャラクタユーザインタフェース） | キーボードで文字のコマンドを入力 | 慣れれば素早く、まとめて処理しやすい |
ほかにも、スマートスピーカーのような 音声 による操作や、スマホの ジェスチャー（スワイプ・ピンチなど）による操作もUIの一種です。
GUI部品の使い分け
試験では「この入力欄にはどの部品が適切か」がよく問われます。
| 部品 | 向いている場面 |
|---|---|
| ラジオボタン | 少数の選択肢から 1つだけ 選ぶ（性別、支払方法） |
| チェックボックス | 複数 選べる、または オン／オフ の切替え（趣味、規約に同意） |
| プルダウンメニュー（リストボックス） | 選択肢が 多い 中から選ぶ（都道府県、生年） |
| テキストボックス | 名前・住所など 自由入力 |
ユーザビリティ：使いやすさの度合い
ユーザビリティ は、特定の利用者が目的を達成するときの 使いやすさの度合い です。国際規格（ISO 9241-11）では次の3つの観点で表します。
- 有効さ：目的を正確に達成できるか
- 効率：少ない手間・時間で達成できるか
- 満足度：使っていて不快でないか
使いやすさを高める工夫として、操作手順を画面間で統一する、エラーの原因と対処方法を具体的に表示する、入力値の候補を表示する（入力支援） などがあります。
アクセシビリティとユニバーサルデザイン
アクセシビリティ は、高齢者や障害のある人を含め、誰もが情報やサービスを利用できること（利用しやすさ）です。Webサイトについては、日本ではJIS X 8341シリーズの規格があります。
Webアクセシビリティを高める工夫
- 画像に 代替テキスト を付け、読み上げソフト（スクリーンリーダ）で内容が伝わるようにする
- 色だけで区別しない（「赤字は必須」ではなく「必須」と文字でも示す）
- 文字と背景の コントラスト を十分にとる。文字を拡大しても崩れないようにする
- キーボードだけでも操作できる ようにする
- 動画に 字幕 を付ける
ユニバーサルデザインとバリアフリーも似ていませんか？
「いつ考えるか」が違うんだ。バリアフリーはあとから段差を取り除く、ユニバーサルデザインは最初から段差のない設計にするイメージだよ。
| 用語 | 考え方 | 例 |
|---|---|---|
| アクセシビリティ | 誰もが 利用できるかどうか の度合い | 代替テキスト、字幕 |
| ユーザビリティ | 目的を どれだけ使いやすく 達成できるか | 手順の統一、わかりやすいエラー表示 |
| バリアフリー | 既にある 障壁を取り除く | 階段の横にスロープを後付け |
| ユニバーサルデザイン | 最初から できるだけ多くの人が使えるように設計 | 段差のない入口、左右どちらの手でも使えるはさみ |
「アクセシビリティ」と「ユーザビリティ」の取り違えに注意。使えるか（入口） がアクセシビリティ、使いやすいか（質） がユーザビリティです。
試験に出るポイント
- UI は利用者との接点（画面・ボタン）、UX は使うことで得られる体験全体
- GUI はアイコンやマウス、CUI は文字コマンドで操作
- ラジオボタン＝1つだけ、チェックボックス＝複数・オンオフ、プルダウン＝選択肢が多いとき
- ユーザビリティ は有効さ・効率・満足度で表す「使いやすさ」
- アクセシビリティ は誰もが利用できること（代替テキスト、色だけに頼らない、キーボード操作）
- ユニバーサルデザイン は最初から多様な人を想定、バリアフリー は後から障壁を除去