忙しいユーザーは「できるだけ読まずに、必要な情報だけを得たい」と考えています。
だからこそ、LPの文章とデザインには「瞬時に伝わる設計」が不可欠です。
本稿では、行動を促すLPを作るための7つのライティング法則と、5つの構成ルール、そしてデザイン技法と色彩設計の基本を紹介します。
まず押さえるべき「7つのLPの法則」
- 重要な情報は最初に書く：冒頭で要点を伝え、読み手の関心を引く。
- 詳細はパラグラフで展開する：読み進めやすく、構造的に。
- 各パラグラフの冒頭に要約を：飛ばし読みでも概要がわかる。
- 文頭には既出情報を：脳の負荷を軽減し、理解が深まる。
- 並列する情報は統一感を：表現を揃えることで比較がしやすくなる。
- 1文1メッセージ：シンプルに伝える。
- 無駄を省き、簡潔に：冗長さを排除して要点を際立たせる。
HTML的構成で考える「5つの各論設計ルール」
- 総論と各論は展開が一致していること 例：冒頭で「この後は技術A、技術B、評価法の順に説明します」と述べたら、実際の本文でもその通りの順序で展開する必要があります
- 具体的に書く：抽象的な表現は避け、明確な事実や数字を使う。
- 簡潔に伝える：一文一意を徹底。
- 見出しと内容を一致させる：タイトル詐欺にならないように。
- パッと見て伝わるなら、総論は不要：各論だけで全体像がつかめるのが理想。
伝わるLPに仕上げる4つのデザイン技法
- 揃える：要素の位置やサイズを整えて整然と。
- まとめる：関連情報は近づけ、視覚的なグルーピングを。
- 余白をつける：詰め込みすぎず、読みやすい空間を。
- 強調する：重要な情報はサイズ・色・配置で目立たせる。
印象と行動を左右する「色彩設計」
- ベースカラー（主色）、セカンダリカラー、アクセントカラー（強調色）を設計しておく。
- 色相環や色立体（マンセル法・オストワルト法）を使い、※「類似の調和」「対比の調和」を設計。
※シュブルールの色彩調和論。類似の調和は、色相やトーンが似ている色を組み合わせることで、統一感や穏やかな印象を与える調和のこと。一方、対比の調和は、色相やトーンが異なる色を組み合わせることで、互いを引き立て合い、より鮮やかでダイナミックな印象を与える調和のこと。 - ボタンやリンクの色はコントラスト比に注意：アクセシビリティを意識し、行動を後押しする配色に。
まとめ：読み手は“読まない”という前提で設計する
ユーザーは「必要な情報だけを、素早く手に入れたい」と願っています。すべてを読まなければ必要な情報が手に入らないなら、読み手の生産性が下がるばかりか、不要な情報に埋もれて必要な情報が伝わらない。
情報が読み手のメンタルモデルの予測通りに入力されないと、読み手はわかりにくいと感じる。メンタルモデルとは、認知心理学の入力情報に対する、読み手なりの理解のこと。
コメント