LINEスタンプ販売中!
←前のレッスン色を役割で使い分ける情報デザインコース

コース責任者:ヨハク先生

図解で関係を見せる

このレッスンの担当:ヨハク先生

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

デザイン | レッスン 06 | 実践

この端末に保存

文章へ矢印やアイコンを加えても、関係が伝わる図になるとは限りません。

順番を説明したいのに円で並べたり、比較したいのに大きさの違う絵を使ったりすると、読む人が関係を推測する必要が残ります。

図解では、何と何のどんな関係を見せるかを先に決めます。

架空の問い合わせ対応を題材に、型の選択、要素の整理、ラベル、例外、確認の順で一枚へまとめます。

この記事で学ぶこと

  • 一枚の図で答える問いを一つに絞ります。
  • 箱と矢印が示す意味をそろえます。
  • 通常の流れと重要な例外を実例で確認します。

図で答える問いを一つにする

図を作る前に、見た人が答えられるようにしたい問いを書きます。

「問い合わせ対応を説明する」では広すぎます。

「受信した問い合わせを誰へ渡すかが分かる」とすれば、担当の分岐を示す図が必要です。

「対応に何日かかるか」なら、時間の情報を中心にする図へ変わります。

一つの図へ手順、組織、費用、成果を詰め込むと、矢印の意味が混ざります。

共通の結論へ必要な情報だけを残し、別の問いは別図へ分けます。

情報を減らす判断は、内容を軽くするためではなく、関係を誤解せずに読めるようにするためです。

架空の対応図では「受信後、種類によって担当を分ける」と一文にします。

図を作る途中で魅力的なアイコンを見つけても、この結論に必要かを確認します。

図の題名も「対応フロー」だけでなく、何が分かるかを表す言葉へします。

読者の前提も決めます。

社内担当者なら部署名で足りる場合がありますが、新入社員には部署の役割の説明が必要です。

読者が知らない略語を小さな箱へ詰めず、用語を先に整理します。

図の小ささを理由に、理解に必要な意味を省かないでください。

図が複雑になったときは、文字を小さくする前に問いを分けます。

全体を知る図と担当者が作業する図では必要な詳細が違います。

全体図から詳細図の参照先を示す方法なら、見通しと実行手順を両立できます。

一枚に収まることを最優先の完成条件にしないでください。

関係に合った図の型を選ぶ

順番なら流れ図、違いなら比較表、包含関係なら階層図、時間の変化なら折れ線など、示す関係に合わせて型を選びます。

円グラフは全体に占める割合を表す図で、単なる三つの特徴の説明には向きません。

見た目の好みより、図が表す約束に合わせます。

問い合わせ対応なら「受信→分類→担当割当→返信」の順番を基本にします。

種類で担当が分かれるなら分岐を追加し、条件をラベルにします。

組織の上下関係も一緒に見せたい場合は、別の小さな担当表を添える方が、矢印へ二つの意味を持たせずに済みます。

原因と結果を矢印で結ぶと、因果関係があるように読まれます。

二つの数字が同時に増えたというだけなら、原因を示す矢印にしないでください。

仮説として示す場合は、そのことを文字で明記し、確認された手順と同じ線の意味にしないようにします。

図の型を選んだら、文章でも同じ内容を説明してみます。

文章では言えない強い関係を図だけが示していれば、誤解を作っている可能性があります。

単純化する範囲と省略した条件を確認し、読み手が実際より確実な関係だと受け取らないようにします。

箱とラベルの粒度を揃える

同じ段の箱には、同じ種類の情報を入れます。

業務手順なら「内容を確認する」「担当を決める」のように動作で揃えます。

「受信」「責任者」「素早い対応」を並べると、出来事、人、目標が混ざり、次の行動が分かりません。

箱の文字は短くしますが、意味が消える略語にはしません。

「分類する」だけで迷うなら「料金と操作に分類する」と対象を足します。

詳細な条件は箱の下の補足へ分け、箱には主な動作を残します。

短くすることより、誰が何をするかが読めることが先です。

担当者を示したいなら、箱の色だけに頼らず担当欄や行を使います。

営業、サポート、開発の行を分けて処理を置けば、受け渡しが見えます。

ただし登場人物が増えて複雑になるなら、主要な流れと担当表を分離する選択もあります。

数値を入れる場合は、単位と対象期間を添えます。

「30」だけでは件数か分数か分かりません。

箱の大きさが数値の大きさに比例しないなら、面積から比較されないように揃えます。

図の配置が意図しない量の意味を持っていないかにも注意します。

矢印と例外の意味を明示する

矢印は、順番、受け渡し、原因などの意味を持ちます。

一つの図では意味を揃え、必要なら凡例を付けます。

方向を増やすたびに、読者がどこへ進むかを確認します。

線が交差する場合は、装飾で解決する前に要素の順番や図の分割を見直します。

通常経路だけでは実務で使えないことがあります。

問い合わせの種類が不明なら誰へ相談するか、返信前に確認が必要な場合はどこへ戻るかなど、重要な例外を加えます。

ただしすべてのまれな条件を一枚へ入れると主経路が見えません。

例外表へ分ける範囲を決めます。

架空の完成図では、料金は営業、操作はサポート、不明は受付責任者へ送ります。

「不明」という経路があることで、新人が無理にどちらかへ分類するのを防げます。

分岐の条件は、担当者の勘ではなく確認できる内容にします。

例外の説明が主経路と矛盾していないかを点検します。

図では即返信、文章では承認後に返信となっていれば運用できません。

図は補助的な飾りではなく手順の一部です。

正本となる資料と更新日を揃え、変更が起きたら図も見直します。

実例をたどって図を検証する

確認には具体的な入力を一つ使います。

「料金の請求日を聞かれた」「操作方法が分からない」などを図の入口へ置き、担当者が次の行動を選べるか試します。

箱を順に読めることと、実際の出来事を処理できることは別です。

初見の人へ図の説明をしてもらい、矢印を逆に読んだ場所や、分岐で迷った場所を記録します。

「きれいか」ではなく、どの担当へ渡すかを答えてもらいます。

作成者が口頭で補わないと使えないなら、ラベルや例外の説明が不足しています。

色をなくした状態や小さい表示でも、主要な関係が追えるかを見ます。

画像として共有するなら、図の結論と重要な手順を文章でも添えると、画像を見られない場合の手がかりになります。

小さな注釈だけへ必要な条件を集めないでください。

確認後は線やアイコンを一つずつ見て、削っても意味が変わらないものを除きます。

必要な関係だけを残すと、更新する場所も減ります。

図解の価値は複雑な情報を全部一枚へ押し込むことではなく、読者が必要な関係を誤らず理解できることです。

業務が変わる図には、確認した日付と担当を付けます。

旧図が別の資料へコピーされると、どれが現在の手順か分からなくなります。

共有時は最新の参照先を示し、更新する場所を決めてください。

図の正確さは作成時だけでなく、運用で維持する必要があります。

実践課題

実践課題:業務の流れを図解する

三段階から五段階の業務を、箱と矢印で図解します。

実際の手順メモと具体的な入力例を用意してください。

通常の流れに加え、分類できない場合の行き先を一つ入れ、初めて見る人がたどれるか確認します。

  1. 図で答える問いを一文にする
  2. 順番・比較・階層から型を選ぶ
  3. 箱の動作と矢印の意味を揃える
  4. 具体例を入口から出口までたどる

架空の完成例「問い=問い合わせを誰へ渡すか。受信→内容分類→料金は営業、操作はサポート、不明は受付責任者→返信。矢印は処理の順番だけを表す。請求日の質問を入れ、営業へ渡せるか確認する。」

自己確認

  • 一図で答える問いが一つである
  • 箱と矢印の意味が揃っている
  • 通常と重要な例外を実例でたどれる

まとめ

図解は、関係に合う型を選び、要素と線の意味を揃えて作ります。

原因が未確認なら図でも断定せず、例外の行き先を残します。

まず自分の図を文章で説明し、図だけが強い意味を付けていないか確かめてください。

  • 一枚の図で答える問いを一つに絞ります。
  • 箱と矢印が示す意味をそろえます。
  • 通常の流れと重要な例外を実例で確認します。

次に知りたいことは?

仕事で困っていることを、次の教材づくりに生かします。

困りごとを送る

作った資料や画面の改善点を、整理したい方へ

制作物と、誰に何を伝えたいかを持って、個別相談の内容をご覧ください。

個別相談の内容を見る
次のレッスン伝わる資料の1ページ設計→
カワイ校長

今日は何学ぶ?

1分でわかる、大学の使い方

「はじめに」でいつでも見られます