2-1 情報デザイン
情報デザイン
情報デザインは、利用者が必要な情報を迷わず理解し、正しく操作できるように設計する考え方です。画面の見た目だけでなく、情報の並べ方、操作の分かりやすさ、アクセシビリティまで含みます。
1. UIとUX
| 用語 | 意味 | 例 |
|---|---|---|
| UI | 利用者とシステムの接点 | ボタン、入力欄、メニュー |
| UX | 利用者が得る体験全体 | 迷わず購入できる、短時間で申請できる |
| ユーザビリティ | 使いやすさ | 学習しやすい、エラーしにくい |
| アクセシビリティ | 誰もが利用しやすい度合い | 文字サイズ、色覚対応、音声読み上げ |
2. 情報を分かりやすくする工夫
- 関連する情報を近くに配置する。
- 重要度の高い情報を目立たせる。
- 表、グラフ、アイコンを目的に応じて使い分ける。
- 入力項目は必要最小限にし、エラー時は原因と修正方法を示す。
3. 代表的な図表
| 図表 | 用途 |
|---|---|
| 棒グラフ | 数量の比較 |
| 折れ線グラフ | 時系列の変化 |
| 円グラフ | 構成比 |
| 散布図 | 2つの値の関係 |
| ヒストグラム | 分布の把握 |
4. アクセシビリティの観点
- 文字と背景のコントラストを確保する。
- 色だけで状態を伝えない。
- 画像には代替テキストを用意する。
- キーボードだけでも操作できるようにする。
- フォームでは入力例やエラー内容を明確にする。
試験での注意点
「デザイン」とあっても装飾の問題ではありません。利用者の目的達成を助ける設計か、誤操作や読み違いを減らせるかという観点で選択肢を判断します。
この章の理解を確認しよう
練習問題で知識を定着させましょう