資料を整えたのに、相手が何を見ればよいか迷ってしまうことがあります。
色や写真の選び方より前に、目的と情報の優先順位が決まっていない可能性があります。
仕事で使うデザインは、見る人が内容を理解し、必要な判断や操作をできる状態を作る仕事です。
架空の社内研修案内を題材に、読む場面、情報の分類、配置、確認の順で設計します。
絵を描く技術がなくても、説明すべきことと見せる順番から改善を始められます。
この記事で学ぶこと
- 読者に必要な判断から掲載情報を選びます。
- 同じ役割の文字と配置をそろえます。
- 実際に使う媒体で読みやすさを確認します。
見る人が行う判断を決める
制作前に、誰がどこで何を判断するかを一文にします。
研修案内なら「対象社員がスマートフォンで開催条件を確認し、参加を申し込む」と書けます。
「格好よい案内を作る」は見た目の希望であり、利用者の目的ではありません。
判断が決まれば、載せる情報を選ぶ基準ができます。
同じ研修でも、社内承認を得る資料と参加者向け案内は異なります。
上司には費用と業務への影響、参加者には内容と日時が必要です。
一枚で両者へ説明するなら、どちらを主な読者にするかを決めます。
全員向けに同じ強さで情報を並べると、誰も必要なところを見つけにくくなります。
利用場面も条件に入れます。
会場で遠くから見る掲示と、手元で読む文書では文字や情報量が変わります。
制作画面の拡大表示で読めても、本来の場面で読めるとは限りません。
完成サイズと読む距離を先に決め、その状態で確認する予定を置いてください。
目的は短い依頼書にも残します。
対象、読後行動、利用媒体、掲載必須の条件を共有すれば、修正を好みだけで決めずに済みます。
途中で目的が変わったら記録を更新し、古い目的に合わせた装飾をそのまま引き継がないようにします。
制作条件には、更新する担当者と頻度も必要です。
毎月日時だけ変える案内なら、日時を探しやすく、編集もしやすい位置にまとめます。
一度だけ美しく作れても、次の担当者が文字を直せない形式では運用の負担が残ります。
見せる相手と使う担当者の両方を考えます。
情報を判断に必要な順へ分ける
材料は、最重要、説明、補足の三分類です。
研修案内では対象と学べることが入口になり、日時や参加条件が申込みの判断を支えます。
講師の長い経歴や運営組織の紹介は補足に置けます。
重要度は提供側が強調したいかではなく、読者の判断が止まるかで決めます。
例えば日時が未記載なら、参加したいと思っても申し込めません。
逆に講師の経歴が詳しくても、どんな演習があるか分からなければ内容を判断できません。
情報ごとに「これがないと何が分からないか」を書くと、欠落と過剰を見つけられます。
補足へ移すことは、情報を隠すことではありません。
概要で判断した後に詳しく読める場所を設けます。
費用や重要な参加条件を小さい注釈へ追いやるのは優先順位の誤りです。
読者に不利な条件こそ、申込みの前に見つけられる状態にします。
整理した材料は、まず文字だけで並べます。
この段階なら、見出しの不足や同じ話の重複を直しやすくなります。
写真や色を決めてから削ると、制作済みの要素を残したくなることがあります。
内容の骨格を先に確定すると、手戻りを減らせます。
まとまりと読む順番を配置する
関連する情報を近づけ、別のまとまりは離します。
日時と会場、対象と参加条件など、読者が一緒に確かめる項目をまとめます。
全要素を均等に離すと、同じ項目の説明なのか次の項目なのかが分かりにくくなります。
位置と距離で関係を示してください。
架空の案内では、上部に対象と講座名、中央に演習内容、下部に日時と申込みを置きます。
ただしこれは一つの案であり、すべての制作物に適用する法則ではありません。
日程が最も重要な再案内なら日時を先へ移します。
読む順番は読者の疑問に合わせます。
整列する位置も少数に揃えます。
見出しと本文の左端が毎回違うと、読むたびに入口を探す必要があります。
数字や項目名の列を揃えれば比較もしやすくなります。
枠線を増やす前に、同じ情報の位置を揃えるだけで整理できないか試します。
大きい写真を置く場合は、伝える内容を支える役割があるか確認します。
雰囲気だけの画像が開催条件を押し下げるなら縮小を検討します。
何を目立たせるかには限りがあるため、すべてを強調せず、最初に見る一か所を選びます。
見た目の統一を役割で決める
文字、色、余白のルールは、意味と対応させます。
見出し、本文、補足で文字の大きさを変え、同じ役割は同じ表現にします。
毎回違う装飾を加えるより、一度覚えた読み方を次の場所でも使える方が情報を追いやすくなります。
例えば主要な申込み案内だけに強調色を使い、説明の見出しには同じ太さを使います。
ただし色だけで申込み場所を示さず、具体的なラベルも付けます。
画像上の文字は背景によって読みにくくなるので、実際に重なる位置で明るさの差を確かめます。
統一は、すべてを同じにすることではありません。
注意が必要な期限と補足の説明が同じ強さでは、重要度が伝わりません。
共通のルールを作り、その中で意味のある差を付けます。
装飾を変える理由が説明できなければ、既存の役割へ戻してみます。
好みが分かれたときは目的に戻ります。
柔らかい色が好きかより、対象者が文字を読めるか、条件を見つけられるかを先に判断します。
ブランドの雰囲気も必要ですが、読めない文字や誤解される操作を残してまで優先しないでください。
実際の利用場面で確かめる
確認では、初めて見る人へ具体的な課題を渡します。
「いつ、誰が参加できる案内ですか」と聞けば、日時と対象を見つけられるかが分かります。
「見やすいですか」だけでは、好みや気遣いの回答に寄りやすくなります。
読者が答えられなかった項目を修正候補へします。
印刷物なら原寸で出力し、Webなら小さい画面と拡大表示を試します。
本文の読みやすさ、文字の欠け、リンクの識別、ボタンの位置を確認します。
制作ソフト内の表示だけでは、利用する画面や媒体での問題を見落とすことがあります。
修正は、誤情報、読めない箇所、判断の迷い、見た目の調整の順に行います。
すべてを同時に直すと、改善理由が曖昧になります。
日時を探せなかったなら、配置や見出しを変えて同じ質問で再確認します。
デザインの評価を、行動に結び付く確認へ変えることが目的です。
完成後も問い合わせが繰り返される箇所は見直します。
読者が読んでいないと決める前に、必要な情報が目に入り、理解できる形かを点検します。
美しい一枚が完成したことと、実際に使いやすいことを区別して、運用から学んでください。
複数の修正意見が出たら、どの目的に関係するかを聞きます。
「もっと派手に」をそのまま実行する前に、何が見つけにくいのかを確かめます。
具体的な問題へ言い換えれば、色を増やす以外の解決策も検討できます。
修正依頼の翻訳も情報デザインの仕事です。
実践課題
実践課題：案内の情報優先順位を作り直す
社内案内や一枚資料を一つ選び、情報の優先順位と配置を作り直します。
元の文章、必須条件、使用する媒体を用意してください。
まず白黒の配置図を作り、内容の不足を直してから文字や色を整えます。
- 読者、場面、読後行動を一文にする
- 材料を最重要・説明・補足へ分ける
- 関係する情報をまとめて配置する
- 初見の人が条件を答えられるか確認する
架空の完成例「読者＝初参加の社員。目的＝日程を確認して申込む。上部＝対象と演習内容。中央＝持参物と参加条件。下部＝日時、会場、申込先。確認で日時を探したため、概要にも日時を追記する。」
自己確認
- 必要な判断と情報が対応している
- 同じ役割の文字や位置が揃う
- 実際の媒体で読めることを確認した
まとめ
デザインは、目的、情報、配置、見た目、利用確認の順に考えます。
読者が何を判断するかを決めれば、強調する場所と補足へ回す情報を選べます。
次の制作では色を選ぶ前に、読後の行動を一文で書いてください。
- 読者に必要な判断から掲載情報を選びます。
- 同じ役割の文字と配置をそろえます。
- 実際に使う媒体で読みやすさを確認します。
