2-1 情報デザイン

情報デザイン

情報デザインは、利用者が必要な情報を迷わず理解し、正しく操作できるように設計する考え方です。画面の見た目だけでなく、情報の並べ方、操作の分かりやすさ、アクセシビリティまで含みます。

1. UIとUX

用語 意味
UI 利用者とシステムの接点 ボタン、入力欄、メニュー
UX 利用者が得る体験全体 迷わず購入できる、短時間で申請できる
ユーザビリティ 使いやすさ 学習しやすい、エラーしにくい
アクセシビリティ 誰もが利用しやすい度合い 文字サイズ、色覚対応、音声読み上げ

2. 情報を分かりやすくする工夫

  • 関連する情報を近くに配置する。
  • 重要度の高い情報を目立たせる。
  • 表、グラフ、アイコンを目的に応じて使い分ける。
  • 入力項目は必要最小限にし、エラー時は原因と修正方法を示す。

3. 代表的な図表

図表 用途
棒グラフ 数量の比較
折れ線グラフ 時系列の変化
円グラフ 構成比
散布図 2つの値の関係
ヒストグラム 分布の把握

4. アクセシビリティの観点

  • 文字と背景のコントラストを確保する。
  • 色だけで状態を伝えない。
  • 画像には代替テキストを用意する。
  • キーボードだけでも操作できるようにする。
  • フォームでは入力例やエラー内容を明確にする。

試験での注意点

「デザイン」とあっても装飾の問題ではありません。利用者の目的達成を助ける設計か、誤操作や読み違いを減らせるかという観点で選択肢を判断します。

この章の理解を確認しよう
練習問題で知識を定着させましょう
練習問題を解く →