資料・デザインで伝わりやすくする方法|デザインは装飾でなく伝達の道具

資料・デザインで伝わりやすくする方法|デザインは装飾でなく伝達の道具
Webマーケティング2026.08.17文・林勝郎

HPや資料を作るとき、「おしゃれに見せたい」という気持ちが先に立っていないだろうか。デザインの役割は見た目を飾ることではなく、伝えたい情報を相手にきちんと届けることにある。

POINT 01デザインが「伝わらない」原因になることもある

情報を詰め込みすぎたページや、装飾ばかりが目立つ資料は、かえって伝えたいことが埋もれてしまう。読み手は忙しい中で情報を見ているため、パッと見て要点がわからないページは、そこで離脱されてしまう。

デザインが整っているというのは、色や飾りが多いことではなく、「読み手が迷わず、伝えたいことにたどり着ける」状態のことを指す。おしゃれさより先に、伝わりやすさを優先する必要がある。

なぜ情報を減らすだけで、ここまで伝わり方が変わるのか。心理学者ジョン・スウェラーが1988年に提唱した「認知負荷理論」では、人が一度に処理できる情報量には限界があり、その限界を超えると理解そのものが止まってしまうとされている。ページや資料に情報を詰め込むほど、読み手の頭の中では「内容を理解する」よりも先に「情報を整理する」ことに処理能力が使われてしまい、一番伝えたいメッセージが届く前に読み手の集中力が尽きてしまうのだ。

情報を詰め込みすぎたページを表す黒バッジから、認知の負荷が限界を超えるという矢印を経て、伝えたいことが埋もれて離脱されることを表すネイビーバッジへつながる2ステップの図

情報を減らす作業には、勇気がいる。せっかく用意した情報を削ることに抵抗を感じるかもしれないが、読み手にとっては「情報が少ない方が理解できる」というのが実情だ。

同じ内容を伝えるにしても、A4一枚に実績や特徴を隙間なく詰め込んだ会社案内と、伝えたいことを一つだけ大きく載せた一枚とでは、後者の方が記憶に残りやすい。情報を絞り込むというのは、情報を捨てることではなく、読み手が「伝えたいこと」にたどり着くまでの距離を縮める作業だと捉えるとわかりやすい。

例えば商談の場で資料を広げても、情報が多すぎて相手が的を絞れなければ、結局「検討します」で終わってしまうことが多い。逆に、伝えたいことを一つに絞った資料なら、相手の頭の中に残るものがはっきりする。情報を削ることは、内容を薄くすることではなく、相手が迷わず理解できる状態をつくることなのだ。

デザイナーを雇う余裕がない中小企業ほど、この視点は重要になる。予算をかけて凝ったデザインをつくらなくても、情報を絞り、伝える順番を整えるだけで、資料の伝わりやすさは大きく改善できるからだ。

では、伝わるデザインにするには、具体的に何を意識すればいいのか。ここでは3つの視点から見ていく。

POINT 02伝わるデザインにする3つの視点

  1. 1ページ・1資料につき、伝えたいことを1つに絞る:情報を減らすほど、伝えたいことが際立つ
  2. 読む順番を意識して配置する:一番伝えたいことを、一番目につく場所に置く
  3. 文字だけで説明せず、余白を使う:詰め込みすぎたページは、読み手にとって圧迫感がある

一つ目の「伝えたいことを一つに絞る」は、心理学の「フォン・レストルフ効果」に近い考え方だ。心理学者ヘートヴィヒ・フォン・レストルフが1933年の実験で示したとされるこの効果は、周囲と同じ強さの情報が並ぶほど、どれも印象に残りにくくなり、逆に際立って配置された情報ほど記憶に残りやすくなるというものだ。資料の中で「一番伝えたいこと」だけを際立たせれば、それだけで記憶に残る確率が上がる。

二つ目の「読む順番」も、感覚だけの話ではない。ウェブユーザビリティの専門家ヤコブ・ニールセンが率いるNielsen Norman Groupの視線追跡調査では、多くの読み手が画面をアルファベットの「F」に似た形で見ていく傾向が報告されている。左上や上部に置かれた情報ほど目に留まりやすく、下や右に置かれた情報は読み飛ばされやすいということだ。一番伝えたいことを、視線が最初に通る場所に置くだけで、届く確率は変わってくる。

たとえば見積書や提案書なら、価格の詳細より先に「結論として何ができるか」を一番上に置くだけで、読み手の理解速度は大きく変わる。

三つ目の「余白」については、特定の研究データを引くより、実務での感覚として伝えた方が正直だろう。文字と図をぎっしり詰め込んだページは、読み手に「読む前から疲れる」という印象を与えてしまう。余白は何もない無駄なスペースではなく、「ここが大事です」と示すための間のようなものだと捉えている。

実際に、余白を広くとった1枚と、文字や図で隙間なく埋めた1枚を並べてみると、読み手の視線がどちらに長く留まるかは一目瞭然だ。

伝わるデザインにする3つの視点を表す並列の黒バッジ:1つに絞る、順番を設計する、余白を活かす

デザインの目的は、見た目の印象を良くすることではなく、読み手が迷わず理解できる状態を作ることだ。この視点があれば、専門的なデザインスキルがなくても改善できる部分は多い。

例えば無印良品の商品パッケージやApple製品の紹介ページは、情報量を絞り、余白を大胆に使うことで知られている。装飾を増やさなくても、伝えたいことは十分に伝わるという分かりやすい例だ。

特別なデザインツールや才能がなくても、この3つの視点を意識するだけで、資料やページの伝わり方は大きく変わる。

どれも今日から実践できることばかりだ。次に資料やページを作るときは、色や飾りを選ぶ前に、この3つを一つずつ確認してみてほしい。

まとめ:伝わるデザインが、問い合わせにつながる

見た目を整えることに時間をかける前に、「このページを見た人が、迷わず伝えたいことにたどり着けるか」を確認してほしい。情報を絞り、読む順番を意識するだけでも、伝わり方は大きく変わる。

このシリーズで見てきた「情報を1つに絞る」という考え方と合わせて、デザインも伝達の道具として設計し直してみてほしい。

情報を絞ること、読む順番を設計すること、余白を活かすこと。この3つは別々のテクニックのように見えて、実は「読み手の負担を減らす」という一つの目的に向かっている。デザインを装飾ではなく伝達の道具として捉え直すと、資料やHPに対する見方そのものが変わってくる。

次に資料やHPを作るときは、色や飾りを選ぶ前に、まず「伝えたいことは何か」を一つに絞ってみてほしい。それだけで、相手の記憶に残るメッセージの強さは変わってくる。

1つに絞る・順番を設計・余白を活かすの3つの黒バッジが、問い合わせを表す大きなネイビーバッジへ収束する図
FREE CONSULTATION

「見られるだけ」のHPから、「問い合わせが来る」HPへ。

無料相談はこちら