← 練習する

制作課題

操作とフィードバックを設計する

一つの画面操作について、操作できることの手がかり、操作と結果の対応、操作後のフィードバックを一続きで設計する制作課題。

目標

利用者が何を操作でき、操作すると何が起き、実行後にどの状態になったかを迷わず理解できる画面を作り、その判断理由を説明する。

関連する学習項目

制約

  1. 保存、削除、並べ替え、値の変更など、一つの主要操作を選ぶ。
  2. 操作前、操作中または確認中、操作後の少なくとも3状態を設計する。
  3. 色だけを操作可能性や状態変化の唯一の手がかりにしない。
  4. 操作できることを伝える手がかりと、操作後の結果を伝えるフィードバックを別々に説明する。

途中確認

  1. 操作する前の画面だけを見て、何を操作できるか説明できるか確認する。
  2. 操作と結果の対応が自然か、別の結果を予想させないか確認する。
  3. 操作直後に成功、失敗、処理中などの状態を区別できるか確認する。
  4. 主要操作より補助情報が強く見えていないか確認する。

振り返り

  1. 操作可能性は何によって伝わっているか。
  2. 操作と結果の対応は、利用者が予想しやすい形になっているか。
  3. 操作後の状態変化は、何を根拠に理解できるか。
  4. 手がかりとフィードバックを一つの表現へ混同していないか。

出典