情報デザインへ戻る

デザイン学部 | Lesson 10 | 修了制作

前のLessonウェブ画面の情報優先度を決める

5ページの提案スライドを完成させる

情報設計の原則を、短い提案資料へ統合します。

情報デザインコースのイラスト
この端末に保存

社内のAI議事録導入を提案する5枚を作ります。1枚目は現状、2枚目は原因、3枚目は解決策、4枚目は試行結果、5枚目は承認してほしい内容です。

このLessonの結論

情報設計の原則を、短い提案資料へ統合します。

大切なのは、知識として覚えることではありません。自分の仕事を一つ選び、判断基準を当てはめ、変更前と変更後を比べられる状態まで進めることです。

  • 現状、原因、解決、根拠、判断で構成する
  • 各ページの結論をタイトルにする
  • 全ページで余白と配色を統一する

なぜ、うまく進まないのか

装飾が統一されても、判断の順番が欠ければ提案は進みません。各ページの結論を一本の論理へつなげます。

3つの基準を、実務でどう使い分けるか

ここまでの要点は、三つを同時に満たすための標語ではありません。作業の段階ごとに使う判断基準です。順番を飛ばすと、手段だけが増え、何を改善したのか分からなくなります。

1. 現状、原因、解決、根拠、判断で構成する

見る順番を設計する観点です。最初に理解してほしい結論を一つ決め、サイズ、位置、余白で優先度を示します。すべてを強調すると順番は消えます。

現状、原因、解決、根拠、判断で構成する」を確認するときは、判断を一文で書きます。根拠にした事実も隣へ置くと、別の選択肢と比べるときに迷いません。

2. 各ページの結論をタイトルにする

情報の関係を見せる観点です。近い情報をまとめ、別の役割との間に余白を置きます。線や色を増やす前に、配置だけで関係が伝わるか確認してください。

各ページの結論をタイトルにする」を確認するときは、判断を一文で書きます。根拠にした事実も隣へ置くと、別の選択肢と比べるときに迷いません。

3. 全ページで余白と配色を統一する

操作と状態を誤解させない観点です。色だけに意味を持たせず、文字や形でも区別します。小さい画面と第三者の視線で、結論と次の行動を確かめます。

全ページで余白と配色を統一する」を確認するときは、判断を一文で書きます。根拠にした事実も隣へ置くと、別の選択肢と比べるときに迷いません。

変更前と変更後の間にある判断

変更前機能紹介を五枚に分ける

変更後現状→原因→解決→根拠→判断を一枚一結論で構成する

重要なのは、変更後の表現をそのまままねることではありません。何が曖昧だったために判断できず、どの情報を加えたことで次の行動を選べるようになったかを読み取ります。

自分の仕事へ置き換えるときは、固有名詞や数字だけを差し替えません。相手の状況、止まっている理由、決める必要があることを先に書き換えてください。

変更後の案が長くなった場合は、目的に直接関係しない説明を削ります。短さを優先するのではなく、判断に必要な情報だけが残っている状態を目指します。

手順ごとの確認点

5ページの提案スライドを完成させる」を実務で使うときは、次の手順を一度に終わらせません。各段階で短い記録を残すと、途中で迷っても一つ前の判断へ戻れます。

  1. 相手に最後に決めてほしいことを書く

    最初の作業では、対象と出力を一文で書きます。固有の業務名、相手、利用場面のどれかが入っていると、次の手順で迷いません。

  2. 五つの結論をタイトル文にする

    二つ目の作業では、選んだ内容と理由を並べます。別の案を採用しなかった理由も一言残すと、判断基準が明確になります。

  3. タイトルだけを読み、論理の飛びを修正する

    三つ目の作業では、今回扱う範囲を固定します。追加したくなった内容は別のメモへ移し、最初に決めた目的から外れないように進めてください。

結果が出ないときは、どこへ戻るか

整えたのに伝わらない

見た目ではなく情報の優先順位を確認します。タイトルだけを読み、ページの結論と判断してほしいことが分かるか試してください。

どこを見ればよいか迷う

強調が多すぎます。主役を一つ残し、同じ大きさ、太さ、色の要素を減らして視線の入口を作ります。

小さい画面で崩れる

横幅だけを縮めず、読む順番へ一列に並べます。補助情報を後ろへ移し、主要な操作が最初の流れに残るか確認します。

失敗は、最初からすべてやり直す合図ではありません。対象、根拠、変更、確認のうち、記録が途切れた場所だけへ戻ると改善を続けられます。

実践課題の完成条件

課題は「五ページの提案スライドを作り、タイトルだけで論理が通るか確認します。」です。資料を作っただけでは完了にしません。次の四項目を第三者が読み取れる状態まで整えます。

  • 誰の、どの業務や場面を扱ったかが一文で分かる
  • 変更前の事実と、困っていた理由が分かれている
  • 今回変えた箇所と、その判断理由が対応している
  • 結果を確認する数字、行動、完成状態のどれかがある

説明を加えないと伝わらない場合は、情報量を増やす前に順番を見直します。第三者が「何を見て、何を変え、どう確かめるか」を説明できれば合格です。

つまずきやすい3つの点

最初から対象を広げすぎる

一度に多くを変えると、どの変更が効いたか分かりません。最初は一つの対象、一つの場面へ絞ります。

曖昧な目標で終える

「改善する」「注意する」だけでは、完了を判断できません。何がどう変われば成功かを、観察できる言葉で決めます。

変更前を残さない

元の状態がないと、改善したかを振り返れません。変更前、変更内容、確認結果の三つを同じ場所へ保存します。

そのまま使える作業メモ

対象今回扱う人、業務、場面を一つ書く

現状機能紹介を五枚に分ける

変更現状→原因→解決→根拠→判断を一枚一結論で構成する

確認何を見れば改善したと判断できるかを書く

実践課題

五ページの提案スライドを作り、タイトルだけで論理が通るか確認します。

上の作業メモを使い、変更前と変更後を並べて保存します。所要時間は20〜30分が目安です。完成度を上げるより、一度試して差を確認することを優先してください。

理解度チェック

  1. 自分の業務では「現状、原因、解決、根拠、判断で構成する」を、どの事実で確認しますか。
  2. 自分の業務では「各ページの結論をタイトルにする」を、どの事実で確認しますか。
  3. 自分の業務では「全ページで余白と配色を統一する」を、どの事実で確認しますか。

答え方の目安対象の業務名、確認する事実、合格とする状態の三つが入っていれば十分です。「意識する」「気をつける」だけで終わっていないかを見直します。

まとめ

情報設計の原則を、短い提案資料へ統合します。

まずは小さな一例で試し、結果を見てから対象を広げます。次のLessonへ進む前に作業メモを一つ残すと、学んだ内容を次の仕事でも再利用できます。

学びをアウトプット

ここで得た学びをXで投稿しませんか?

指定ポストを引用し、学んだことを自分の言葉で残せます。

Xで学びを投稿する
コース修了理解度テストを受ける
0円カワイ大学