<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>マーケティング - デザペディア</title>
	<atom:link href="https://www.ds-pedia.com/tag/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.ds-pedia.com</link>
	<description>デザイナーやクリエイターのための情報メディアサイト</description>
	<lastBuildDate>Sun, 20 Sep 2026 06:05:25 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.1</generator>

<image>
	<url>https://www.ds-pedia.com/wp-content/uploads/2026/07/cropped-favicon@2x-32x32.png</url>
	<title>マーケティング - デザペディア</title>
	<link>https://www.ds-pedia.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>PASONAの法則とLP設計｜訴求構成とCVR改善の実務ガイド【2026】</title>
		<link>https://www.ds-pedia.com/2026/06/11/pasona-lp-design-guide/</link>
					<comments>https://www.ds-pedia.com/2026/06/11/pasona-lp-design-guide/#respond</comments>
		
		<dc:creator><![CDATA[Yuny]]></dc:creator>
		<pubDate>Wed, 10 Jun 2026 20:01:08 +0000</pubDate>
				<category><![CDATA[UX・心理学]]></category>
		<category><![CDATA[記事]]></category>
		<category><![CDATA[UXデザイン]]></category>
		<category><![CDATA[マーケティング]]></category>
		<category><![CDATA[LPO]]></category>
		<guid isPermaLink="false">https://www.ds-pedia.com/?p=812</guid>

					<description><![CDATA[<p>LPを設計するとき、「どの情報をどの順番で見せればいいか」で迷うことはよくありますよね。見た目のデザインが良くても、情報の並び順や言葉の選び方がズレていると、ユーザーはすぐに離脱します。 そんな構成の迷いを整理するフレー &#8230; </p>
<p class="link-more"><a href="https://www.ds-pedia.com/2026/06/11/pasona-lp-design-guide/" class="more-link">続きを読む<span class="screen-reader-text"> "PASONAの法則とLP設計｜訴求構成とCVR改善の実務ガイド【2026】"</span></a></p>
<p>The post <a href="https://www.ds-pedia.com/2026/06/11/pasona-lp-design-guide/">PASONAの法則とLP設計｜訴求構成とCVR改善の実務ガイド【2026】</a> first appeared on <a href="https://www.ds-pedia.com">デザペディア</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">LPを設計するとき、「どの情報をどの順番で見せればいいか」で迷うことはよくありますよね。<br>見た目のデザインが良くても、情報の並び順や言葉の選び方がズレていると、ユーザーはすぐに離脱します。</p>



<p class="wp-block-paragraph">そんな構成の迷いを整理するフレームとして、マーケターだけでなくUIデザイナーにも活用できるのが<strong>「PASONAの法則」</strong>です。<br>LPの訴求構成・情報優先度・CTAの配置判断まで、デザインの意図を論理的に説明するための根拠として機能します。</p>


<div class="target-audience"><div class="target-audience__title">この記事はこんな方に向けて書いています</div><ul class="target-audience__list"><li class="target-audience__item">LPや申し込みページの設計を担当する、またはこれから挑戦したいUIデザイナーの方</li><li class="target-audience__item">「綺麗なデザイン」から一歩踏み込み、CVRやユーザー行動の視点を取り入れたい方</li><li class="target-audience__item">ペルソナ設計やPASONAの法則をUIデザインに実際どう活かすか知りたい方</li></ul></div>



<h2 class="wp-block-heading">1. PASONAの法則とは？LPの情報構成を設計するフレームワーク</h2>


<div class="c-quick-answer"><div class="c-quick-answer__header"><span class="c-quick-answer__badge">クイックアンサー</span><span class="c-quick-answer__title">PASONAの法則とは？</span></div><p class="c-quick-answer__text"><br />
LPの訴求構成を6ステップで設計するマーケティングフレームワークです（<strong>Problem・Affinity・Solution・Offer・Narrowing down・Action</strong>）。読者の課題への共感から行動まで、心理的な順番で情報を配置する構成の型として活用します。<br /></p></div>



<p class="wp-block-paragraph">もともとはコピーライティングの型として広まりましたが、LPやUIの情報設計においても有効です。<br>各ステップが「なぜ読み続けるのか」「なぜ申し込みたくなるのか」という読者の心理プロセスと対応しており、UIデザイナーが画面の優先順位やCTAの配置を判断する根拠として使えます。</p>



<p class="wp-block-paragraph">旧来のPASONAには読者の不安を意図的に高める「Agitation（煽り）」が含まれていましたが、現在は読者に寄り添う<strong>「Affinity（親近感）」</strong>へと更新されています。<br>「あなたの悩みをわかっている」と伝える姿勢が、読了率と信頼感につながります。</p>



<h2 class="wp-block-heading">2. ペルソナ設計：「誰に向けて作るか」がLP全体のトーンを決める</h2>



<figure class="wp-block-image size-medium"><img decoding="async" width="300" height="164" src="https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_ydwgirydwgirydwg-300x164.jpg" alt="広い範囲のターゲットと、具体的な一人に絞り込んだペルソナの違いを示す図解" class="wp-image-815" srcset="https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_ydwgirydwgirydwg-300x164.jpg 300w, https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_ydwgirydwgirydwg-1024x558.jpg 1024w, https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_ydwgirydwgirydwg-2000x1091.jpg 2000w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<p class="wp-block-paragraph">LPを設計するとき、「万人受けするデザイン」を目指すと、結果的に誰にも刺さらない画面になりがちです。<br>ターゲット（「30代女性」のような属性の集合）ではなく、<strong>具体的な一人のペルソナ</strong>を設定することで、コピーの言葉選びや視覚的な優先順位が整理しやすくなります。</p>



<figure class="wp-block-table"><table><thead><tr><th>比較</th><th>ターゲット</th><th>ペルソナ</th></tr></thead><tbody><tr><td><strong>定義の粒度</strong></td><td>「20〜40代女性」のような属性の幅</td><td>「フルタイム勤務で子どもの教育に関心がある30代後半の母親」という一人</td></tr><tr><td><strong>LPへの影響</strong></td><td>コピーやCTAが曖昧になりやすい</td><td>言葉選びが具体的になり、読者への共感が伝わりやすい</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">LP設計を担当するとき、ペルソナの解像度が低いままビジュアルを作り始めると、<strong>後から「なんか刺さらない」という手戻りが発生しやすい</strong>と感じています。<br>先にペルソナを明確にしておくだけで、どの情報を最初に見せるかの判断が早くなります。</p>



<h2 class="wp-block-heading">3. PASONA × LP構成のマッピング：6ステップをUIパーツに対応させる</h2>



<figure class="wp-block-image size-medium"><img decoding="async" width="300" height="164" src="https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_o7d6gno7d6gno7d6-300x164.jpg" alt="不安を煽るアプローチから、読者に寄り添うAffinityのアプローチへの変化を示す図解" class="wp-image-816" srcset="https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_o7d6gno7d6gno7d6-300x164.jpg 300w, https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_o7d6gno7d6gno7d6-1024x558.jpg 1024w, https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_o7d6gno7d6gno7d6-2000x1091.jpg 2000w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<p class="wp-block-paragraph">PASONAの各ステップが実際のLPのどのパーツに対応するか、以下の表で整理しました。<br>設計時やレビュー時にこのマッピングを参照すると、「どのステップが抜けているか」を確認するチェックリストとして使えます。</p>



<figure class="wp-block-table"><table><thead><tr><th>PASONAのステップ</th><th>役割</th><th>LPのUIパーツ例</th></tr></thead><tbody><tr><td><strong>Problem（問題提起）</strong></td><td>読者の課題・悩みを言語化する</td><td>ヒーローエリアのキャッチコピー・サブテキスト</td></tr><tr><td><strong>Affinity（親近感）</strong></td><td>「あなたのことがわかる」と伝える</td><td>お悩み共感ブロック・ユーザーの声</td></tr><tr><td><strong>Solution（解決策）</strong></td><td>何が解決するかを示す</td><td>機能説明・特徴セクション</td></tr><tr><td><strong>Offer（提案）</strong></td><td>プラン・料金・特典を提示する</td><td>料金表・プランカード</td></tr><tr><td><strong>Narrowing down（限定）</strong></td><td>「今が判断のタイミング」と背中を押す</td><td>期間限定バナー・残り枠数の表示</td></tr><tr><td><strong>Action（行動促進）</strong></td><td>申し込み・登録へ誘導する</td><td>CTAボタン・フォーム</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">このマッピングを持っておくと、LP設計のレビュー時にも活用できます。<br>「Solutionのセクションがないまま料金表が来ている」「Affinityが全くなく機能説明から始まる」といった構成ミスを事前に検出できます。</p>



<h2 class="wp-block-heading">4. 「悩みに気づかせる商材」vs「比較検討から始まる商材」：PASONAとFABEの使い分け</h2>



<p class="wp-block-paragraph">商材のLPを設計するときに最も注意したいのが、<strong>「ユーザーの検討フェーズ」によって最適なフレームワークが根本から異なる</strong>という点です。<br>商材には大きく分けて「そもそも悩みに気づかせる商材」と「すでに比較検討から始まる商材」の2種類が存在します。</p>



<figure class="wp-block-table"><table><thead><tr><th>比較軸</th><th>① 悩みに気づかせる商材（潜在層）</th><th>② 比較検討から始まる商材（顕在層）</th></tr></thead><tbody><tr><td><strong>ユーザーの状態</strong></td><td>「なんとなく不便だが解決策を知らない」「まだ課題を言語化できていない」</td><td>「導入することは決めていて、A社・B社・C社のどれにするか選んでいる」</td></tr><tr><td><strong>商材の具体例</strong></td><td>新しい概念のSaaS、新規事業サービス、キャリアコーチング、未経験向け学習スクール</td><td>定番の勤怠管理・会計ソフト、法人PC・サーバー、引越し一括見積もり、格安SIM</td></tr><tr><td><strong>最適なフレームワーク</strong></td><td><strong>PASONAの法則</strong><br>課題の言語化（Problem）から共感（Affinity）を経て、解決策（Solution）へ導く</td><td><strong>FABE（ファブ）の法則</strong><br>特徴（Feature）・優位性（Advantage）・利益（Benefit）・証拠（Evidence）で差を示す</td></tr><tr><td><strong>LPのUI構成アプローチ</strong></td><td>ヒーローで「こんな悩みありませんか？」と問いかけ、お悩み共感ブロックを挟む</td><td>ファーストビュー直下に<strong>「他社比較表」「機能マトリクス」「導入実績数字」</strong>を即座に配置する</td></tr><tr><td><strong>PASONAの適合度</strong></td><td><strong>◎ 最も効果的</strong><br>（課題に気づかせ、読む動機を作れる）</td><td><strong>△ そのまま使うと離脱要因に</strong><br>（「課題は分かってるから早く他社との違いと料金を見せてくれ」と思われる）</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">例えば同じSaaSや業務ツールであっても、まだ世の中に定着していない新しい切り口のサービスなら、<strong>PASONAを使って「日々のこの作業に時間がかかっていませんか？」と課題を自覚させるアプローチ</strong>が強く刺さります。</p>



<p class="wp-block-paragraph">一方で、すでに「勤怠管理システムを導入する」と決めて探しているユーザーに対して、長々とお悩み共感ブロックを読ませると、<strong>「前置きが長くて知りたい情報が見つからない」と離脱されてしまいます。</strong><br>比較検討から入るユーザーには、営業やスペック訴求の定番である<strong>「FABEの法則」</strong>を使い、以下の4要素をファーストビュー直下にテンポよく展開する構成が適しています。</p>



<ul class="wp-block-list">
<li><strong>Feature（特徴）</strong>: どんな主要機能・仕様を備えているか</li>


<li><strong>Advantage（優位性）</strong>: 競合他社と比べてどこが優れているか（他社比較表・チェックリスト）</li>


<li><strong>Benefit（顧客利益）</strong>: 導入することで工数やコストが何%削減できるか</li>


<li><strong>Evidence（証拠・裏付け）</strong>: 導入実績社数、継続率、セキュリティ認証、受賞歴</li>
</ul>



<p class="wp-block-paragraph">LPのワイヤーフレームを引く前に、<strong>「このLPのターゲットは、課題に気づいている潜在層（PASONA）か？それとも他社と比べている顕在層（FABE）か？」</strong>をクライアントやチームと確認することが、構成設計の第一歩になります。</p>



<h2 class="wp-block-heading">5. 視線誘導と3秒ルール：ファーストビューで離脱を防ぐ</h2>



<figure class="wp-block-image size-medium"><img decoding="async" width="300" height="164" src="https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_1boi8c1boi8c1boi-300x164.jpg" alt="Webページにおける人間の自然な視線の動き（Z型パターンとF型パターン）を示す図解" class="wp-image-817" srcset="https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_1boi8c1boi8c1boi-300x164.jpg 300w, https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_1boi8c1boi8c1boi-1024x558.jpg 1024w, https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini_Generated_Image_1boi8c1boi8c1boi-2000x1091.jpg 2000w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<p class="wp-block-paragraph">LPに訪れた読者が「このページを読むかどうか」を判断するのは、最初の<strong>3秒以内</strong>と言われています。<br>GA4でLPのスクロール深度を確認すると、多くのケースで70〜80%のユーザーがファーストビューを超えずに離脱している数値をよく目にします。</p>



<p class="wp-block-paragraph">この3秒の壁を突破するため、デザイナーは人間の視線の動き方を意識したレイアウトを組みます。<br>代表的なパターンとして、以下の2つがあります。</p>



<ul class="wp-block-list">
<li><strong>Z型パターン</strong>: 画面を横に広く見るときの動き。お問い合わせボタンが右上に配置されることが多いのは、視線の自然な終着点に合わせているためです。</li>


<li><strong>F型パターン</strong>: 文章を縦に流し読みするときの動き。左端の見出し付近を拾い読みする習性があるため、重要情報は左寄せ・上部に配置します。</li>
</ul>



<p class="wp-block-paragraph"><strong>ヒーローエリアのコピーが弱いと、スクロール先のデザインがどれだけ良くても読んでもらえません。</strong><br>PASONAのProblemをファーストビューに置き、3秒で「これは自分の話だ」と感じさせる構成が基本です。</p>



    <div class="blogcard ex">
        <a href="https://www.ds-pedia.com/2026/09/17/ui-cognitive-psychology-laws/" target="_blank" rel="noopener noreferrer">
            <div class="blogcard_thumbnail"><img decoding="async" src="https://www.ds-pedia.com/wp-content/uploads/2026/09/image-72-1024x572.jpg" alt="UIデザインに効く認知心理学の法則5選｜ヒック・フィッツ・ヤコブの実務応用" loading="lazy" onerror="this.onerror=null;this.src='https://www.ds-pedia.com/wp-content/themes/inspiro-child/assets/images/no_image.png';" /></div>
            <div class="blogcard_content">
                <div class="blogcard_title">UIデザインに効く認知心理学の法則5選｜ヒック・フィッツ・ヤコブの実務応用</div>
                <div class="blogcard_excerpt">ヒックの法則・フィッツの法則・ヤコブの法則など、UIデザインに直接応用できる認知心理学の法則5つを実務視点で解説します。</div>
            </div>
            <div class="clear"></div>
        </a>
    </div>



<h2 class="wp-block-heading">6. A/BテストとLPO：CVRは継続的な改善で上がる</h2>



<p class="wp-block-paragraph"><strong>LPO（Landing Page Optimization）</strong>とは、LPの構成やデザインを改善して、購入や申し込みといった成果（CVR）を高める取り組みです。<br>一度作ったLPが最初から最適解になることはなく、小さな変更を継続的に検証し続けることでCVRが改善されます。</p>



<p class="wp-block-paragraph">最も手軽な手法が<strong>A/Bテスト</strong>で、CTAボタンのテキストや色を1箇所だけ変えて、どちらの反応が良いかを計測します。<br>小規模なサイトでは、統計的に意味のあるデータが集まるまで<strong>4〜8週間</strong>が目安です。</p>



<figure class="wp-block-table"><table><thead><tr><th>変更箇所</th><th>A案（変更前）</th><th>B案（変更後）</th></tr></thead><tbody><tr><td>CTAボタンのテキスト</td><td>「送信する」</td><td>「無料で試してみる」</td></tr><tr><td>ヒーローのサブコピー</td><td>機能の説明文</td><td>課題への共感文（PASONAのProblem）</td></tr><tr><td>Narrowing downの表示</td><td>なし</td><td>「残り〇名」カウンター表示</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">CTAボタンのテキストを変えるだけでクリック率が変わるケースは、現場でよく見ます。<br>「送信する」はシステム側の動作を表す言葉で、ユーザー視点のメリットが伝わりません。<strong>「無料で試してみる」のように行動後のメリットを示す言葉に変えると、心理的なハードルが下がります。</strong></p>



<h2 class="wp-block-heading">まとめ：PASONAを知るとLP設計の優先順位が整理しやすくなる</h2>



<p class="wp-block-paragraph">PASONAの6ステップは、ただのコピーライティング術ではなく、<strong>LPの情報構成をデザイナーが論理的に判断するための根拠</strong>として機能します。</p>



<ul class="wp-block-list">
<li><strong>検討フェーズの使い分け</strong>: 悩みを気づかせる潜在層なら「PASONA」、比較検討から入る顕在層なら「FABE」を選ぶ</li>


<li><strong>PASONA×LP対応</strong>: 各セクションが担う役割を整理できる</li>


<li><strong>視線誘導</strong>: ファーストビューで3秒以内に「自分の話だ」と感じさせる</li>


<li><strong>A/Bテスト</strong>: 仮説を立てて小さく改善し続ける</li>
</ul>



<p class="wp-block-paragraph">クライアントへのLP設計提案でも、PASONAのどのステップが抜けているかを指摘できると、「なぜこの要素が必要か」の説明が明確になります。<br>設計の意図を構造で説明できると、デザインのフィードバックも収束しやすくなります。</p>



<h2 class="wp-block-heading">次のステップ：あわせて深掘りしたい知見</h2>



<p class="wp-block-paragraph">LP設計の具体的な手順はワイヤーフレームの作り方と組み合わせると実践しやすくなります。<br>また、PASONAはユーザーの認知心理を活用する設計なので、UIに効く心理学の法則を一緒に押さえておくと設計の解像度が上がります。</p>



    <div class="blogcard ex">
        <a href="https://www.ds-pedia.com/2026/09/05/wireframe-creation-guide/" target="_blank" rel="noopener noreferrer">
            <div class="blogcard_thumbnail"><img decoding="async" src="https://www.ds-pedia.com/wp-content/uploads/2026/09/image-27-1024x572.jpg" alt="初心者向け！ワイヤーフレームの作り方完全ガイド｜要件整理からFigma手順まで" loading="lazy" onerror="this.onerror=null;this.src='https://www.ds-pedia.com/wp-content/themes/inspiro-child/assets/images/no_image.png';" /></div>
            <div class="blogcard_content">
                <div class="blogcard_title">初心者向け！ワイヤーフレームの作り方完全ガイド｜要件整理からFigma手順まで</div>
                <div class="blogcard_excerpt">FigmaでのLP・Webページのワイヤーフレーム作成手順を、要件整理から実際のFigma操作まで体系的に解説します。</div>
            </div>
            <div class="clear"></div>
        </a>
    </div><p>The post <a href="https://www.ds-pedia.com/2026/06/11/pasona-lp-design-guide/">PASONAの法則とLP設計｜訴求構成とCVR改善の実務ガイド【2026】</a> first appeared on <a href="https://www.ds-pedia.com">デザペディア</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.ds-pedia.com/2026/06/11/pasona-lp-design-guide/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
