情報デザインへ戻る

デザイン学部 | Lesson 06 | 実践

前のLesson色を役割で使い分ける

図解で関係を見せる

文章だけでは伝わりにくい順番、比較、構造を図へ変えます。

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

問い合わせ対応の『受信→分類→担当割当→返信』はフロー図、料金プランの違いは比較表が向きます。関係に合わない円グラフでは理解が遅れます。

このLessonの結論

文章だけでは伝わりにくい順番、比較、構造を図へ変えます。

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

  • 関係に合う図の型を選ぶ
  • 一図一メッセージに絞る
  • 矢印とラベルを最小限にする

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

図解は文章を飾るものではありません。順番、比較、階層、因果のどれを見せるかで型を選びます。

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

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

1. 関係に合う図の型を選ぶ

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

関係に合う図の型を選ぶ」を確認するときは、判断を一文で書きます。根拠にした事実も隣へ置くと、別の選択肢と比べるときに迷いません。

2. 一図一メッセージに絞る

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

一図一メッセージに絞る」を確認するときは、判断を一文で書きます。根拠にした事実も隣へ置くと、別の選択肢と比べるときに迷いません。

3. 矢印とラベルを最小限にする

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

矢印とラベルを最小限にする」を確認するときは、判断を一文で書きます。根拠にした事実も隣へ置くと、別の選択肢と比べるときに迷いません。

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

変更前文章の周囲へアイコンと矢印を追加する

変更後一つの関係だけを選び、カード四枚と一方向の矢印で手順を示す

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

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

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

手順ごとの確認点

図解で関係を見せる」を実務で使うときは、次の手順を一度に終わらせません。各段階で短い記録を残すと、途中で迷っても一つ前の判断へ戻れます。

  1. 伝えたい関係を順番・比較・階層・因果から選ぶ

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

  2. 一図の結論を一文にする

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

  3. 結論に不要な線、色、アイコンを削る

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

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

整えたのに伝わらない

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

どこを見ればよいか迷う

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

小さい画面で崩れる

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

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

実践課題の完成条件

課題は「三段階の業務手順を、カードと矢印だけで図解します。」です。資料を作っただけでは完了にしません。次の四項目を第三者が読み取れる状態まで整えます。

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

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

つまずきやすい3つの点

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

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

曖昧な目標で終える

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

変更前を残さない

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

そのまま使える作業メモ

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

現状文章の周囲へアイコンと矢印を追加する

変更一つの関係だけを選び、カード四枚と一方向の矢印で手順を示す

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

実践課題

三段階の業務手順を、カードと矢印だけで図解します。

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

理解度チェック

  1. 自分の業務では「関係に合う図の型を選ぶ」を、どの事実で確認しますか。
  2. 自分の業務では「一図一メッセージに絞る」を、どの事実で確認しますか。
  3. 自分の業務では「矢印とラベルを最小限にする」を、どの事実で確認しますか。

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

まとめ

文章だけでは伝わりにくい順番、比較、構造を図へ変えます。

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

学びをアウトプット

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

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

Xで学びを投稿する
次のLesson伝わる資料の1ページ設計
0円カワイ大学