上下にスクロールするかキーボードの上下キーを使うと、次の学習カードへ進めます。

イントロ

情報デザインとアクセシビリティ

利用者に伝わる情報整理を中心にする

情報デザインは、利用者が必要な情報を理解し行動できるように、構造、表現、配置を整える考え方である。ITサービスは機能があっても、情報が分かりにくいと利用者が正しく使えないからです。

定義

情報デザインとアクセシビリティ

教科書では
情報デザインは、利用者が必要な情報を理解し行動できるように、構造、表現、配置を整える考え方である。
言いかえると
情報デザインは、利用者が必要な情報を理解し行動できるように、構造、表現、配置を整える考え方である。ここでは情報デザイン、ユーザビリティ、アクセシビリティ、ユニバーサルデザイン、ピクトグラムを扱います。UI制作実務、WCAG詳細、デザインツール操作、ユーザ調査手法までは追わず、情報デザインユーザビリティを分けます。
要点

押さえる見方

画面を見るときは、利用者が迷わず、誤らず、必要な人が使えるかを考える。情報デザインが何を助ける言葉かを、身近な業務場面に結び付けて読みます。

  1. 1

    情報デザインの役割を言える

  2. 2

    ユーザビリティとの違いを分ける

  3. 3

    アクセシビリティを例で説明する

図解情報デザインとアクセシビリティで扱う関係を、短いラベルで整理した図
分かりにくいフォームと改善後フォームの要素を対比する。情報デザインとユーザビリティを同じ観点で比べ、役割の違いと混同しやすい点を見ます。
場面
申請フォームで必須項目、入力例、エラー表示を分かりやすくする例
順に考えると
この場面では、まず情報デザインが何を助けるかを確認します。次にユーザビリティとの違いを見て、画面を見るときは、利用者が迷わず、誤らず、必要な人が使えるかを考える。UI制作実務、WCAG詳細、デザインツール操作、ユーザ調査手法までは追わず、役割を一文で説明できれば十分です。
ここが結論
情報デザインユーザビリティを分けると、画面を見るときは、利用者が迷わず、誤らず、必要な人が使えるかを考える。
注意

よくある混同

確認

確認テスト

Q1

情報デザインとアクセシビリティで最も大切な見方はどれですか。

まとめ

まとめ

  1. 1

    情報デザインの意味を説明できる

  2. 2

    ユーザビリティとの違い・関係を分ける

  3. 3

    画面を見るときは、利用者が迷わず、誤らず、必要な人が使えるかを考える

  4. 4

    見た目がきれいなら情報デザインとして十分だと思うという誤解に注意する