ブログの書き方、ライティングには自信があるけどデザインはイマイチ…
そんな人へオススメの1冊、「2万回のABテストから分かった支持されるWebデザイン事例集」感想を書きました。
アクセス・PVはあるのに収益がなかなか発生しなくて悩んでいませんか？
SEO対策の最後の砦、デザインを本書で学びましょう
ナラ
検索順位は上がってきたけど収益にはつながらない…
PV数はそこそこあるのに、広告がクリックされない…
クリックされても、結局成約にはつながらない…
このような悩みはWebデザインで解決できるはずです！
ココ
ナラ
そんな最後の一押しのカギとなるWebデザインを学ぶ目的で選んだのがこの1冊。
ブログ運営に応用できる知識や考え方を中心に、2万回のA/Bテストからわかった支持されるWebデザイン事例集の感想をまとめます。
ウェブデザインの書籍としては、情報の網羅性と信頼性、フォローしている有名ブロガーの評価の高さといった観点から本書は厳選したオススメの1冊です。
見たい場所へジャンプ
ウェブデザインとSEOの関係
そもそもウェブデザインの知識とブログ運営に関連はあるのか？
先ず意識すべきなのは、ブログのSEO対策は大きく2種類に分けらるということです。
1つは検索エンジン向けのSEO対策。
- 記事のタイトル、なるべく左側にキーワードを入れる
- 見出しや本文中にも不自然にならない程度にキーワードを入れる
- 階層構造を意識してブログ全体を設計する
これらの施策が検索エンジン向けのSEO対策です。
そしてもう1つは読者向けのSEO対策です。
ココ
ナラ
- 長く滞在しても不快にならないデザイン
- 必要な情報がどこにあるのか一目でわかる快適さ
- 思わずクリックしたくなるリンクの配置
このように、“滞在時間”や“直帰率”と深く関わるウェブデザインは重要なSEO対策なのです。
ところが、巷にあるSEO対策の本は検索エンジン向けのものに偏りがちです。
SEO対策が検索エンジン向けに偏ると、PVはあるのに成約率が低いという状況に陥ります。
「支持されるWebデザイン事例集」の要約｜そもそもABテストとは？
本書はそのタイトルの通り、ABテストの結果、より優れた成績（PVが上がった、成約率が上がった）を出したWebデザインとその根拠を解説してくれる事例集＆解説書です。
多くのABテストの事例から「より優れたウェブデザインのポイント」について丁寧に解説されています。
ところで、そもそもABテストとはなんでしょうか？
ネットで調べてみると以下のような説明が見つかります。
近年、ウェブマーケティングやモバイルアプリケーションの分野で広く用いられるテスト手法としてＡ/Ｂテストが挙げられる。Ａ/Ｂテストとは、複数の実装案の比較評価を目的とした、実際の運用に伴って行われるテスト手法である。
例えば、以下のような二つのリンクがあったとしましょう。（どちらもアマゾンのページにリンクします）
２万回のABテストからわかった支持されるWebデザイン事例集を見てみる
２万回のABテストからわかった支持されるWebデザイン事例集を見てみる
どちらの方がクリックされやすいでしょうか？
ココ
ナラ
統計データから導き出される答えには客観性と再現性があります。
この個人では不可能な検証回数により導き出された統計データこそ、「支持されるWebデザイン事例集」を読む最大のメリットです。
これ以上に信頼性の高い情報を得られるWebデザインの書籍は他にはありません。
2万回のABテストからわかった支持されるWebデザイン事例集-目次-
- なぜA/Bテストが必要なのか
- A/Bテストとは
- もっとも有名なA/Bテストの事例
- なぜ継続的改善は必要なのか
- 改善STEP1 ビジネスモデルを整理し、KPIを設定する
- 改善プロセス
- 改善STEP2 どこを改善するのか？
- 改善STEP3 何を改善するのか？
- ランディングページ(LP)について
- 一覧ページについて
- 詳細ページについて
- フォームページについて
- コピーについて
- ABテスト事例集
- 金融編
- リード獲得編
- サブスクリプション編
- EC編
2万回のA／Bテストからわかった支持されるWebデザイン事例集
「支持されるWebデザイン事例集」はブログ運営に応用できる？
本書の特徴の1つはその情報の網羅性です。
目次をみてみると、
- 金融編
- リード獲得編
- サブスクリプション編
- EC編
と、それぞれのサイトの「ターゲット」や、狙っている「ユーザーの行動」に沿って個別にデザイン事例を紹介しています。
また、そこに取り上げられている事例集は、
- セゾンゴールドアメリカンエキスプレスカード（クレジットカード）
- ガリバー（中古車販売）
- ヤマハ英語教室
- Hulu（動画配信サービス）
- BOOK-OFF（中古本買取・販売）
などなど、実際に私たちが普段の生活で利用したことのある大手企業のサイトばかりで、デザインがもたらす効果をイメージしやすいのも魅力です。
ココ
ナラ
本書は大きく分けて、事例ページと解説ページの2つのパートで構成されています。
事例ページ
解説ページ
例えば以下のような詳しい分析と解説が事例ごとについているのです。
- なぜA案ではなくB案が支持されたのか？
- A案とB案とで読み手に与える印象はどのように変化するのか？
- そのページの狙い毎に異なるポイントとはどこなのか？
ブログ初心者はこの解説から、以下のようなブログデザインに応用できるヒントを得ることが出来ます。
- アクションを起こさせるまでの導線の引き方
- 写真・イラスト・色使いの有効な配置方法
- 読者の不安の取り除き方
- 目立たせるべき情報の優先順位の付け方
- ＰＣサイズとスマホサイズでみたデザインの違いと使いわけ
特にブログはスマホで読まれることが圧倒的に多いので、スマホ画面での見せ方・デザインの解説は非常に参考になります。
支持されるWebデザイン事例集の注意点
支持されるWebデザイン事例集はブログ初心者の教科書としては理想的といえるくらいの良書です。
一方、残念ながら本書ではデザインのカスタマイズ方法まで解説されていません。
本書で学んだデザインを自身のブログに応用するにはhtmlやcssの知識が不可欠です。
ココ
ナラ
文系出身の私も、最初はhtml/cssのカスタマイズが苦手で苦労しました。
そんな苦手意識を克服するために実践したのがUdemy（ユーデミー）のオンライン講座です。
Udemyなら、セール中であれば人気のWeb講座が1000円台で購入できちゃいます。
また、買いきりなので自分のペースで勉強できるのも魅力です。
▼次の関連記事にUdemyの評判・口コミ、HTML講座を受けてみた体験談をまとめました
【実体験】Udemyの評判・口コミは？HTML講座を受けてみた感想
特に日中忙しい学生や会社員にはこの手法をオススメします。
\ セールでお得にお買い求め /
Udemyをみてみる
支持されるWebデザイン事例集の感想まとめ
ブログは記事を書いてなんぼ！
デザインに時間を書ける前に記事を書け！
そもそもPVがなきゃデザインなんて意味が無い！
確かにその通りです。
でも、その最初の関門を乗り越えた先には、ブログデザインの改善は避けては通れない課題です。
ココ
ナラ
「2万回のABテストでわかった支持されるWebデザイン事例集」は検索流入が増えてきた人が読むSEO対策本です。
記事を書くことにも慣れ、読まれるブログから稼げるブログへの進化を目指している人にピッタリの１冊だと思います。
2万回のA／Bテストからわかった支持されるWebデザイン事例集
【ブログ本】初心者が着実にステップアップするための厳選10冊
- ブログ初心者が先ず読むべき本
- ブログ初心者がSEOを学ぶために読むべき本
- ブログ初心者がライティングを学ぶために読むべき本
▼これらのレベル・目的別に厳選したオススメブログ本をまとめた記事はコチラ
あわせて読みたい
【超入門】SEO対策のやり方がわかるオススメ動画と本を紹介
- SEOのことをもっと知りたい！
- SEO対策のコツがサクっとわかるオススメ動画は？
- ブログのオーガニックサーチからの流入をアップさせたい！
▼そんな初心者向けSEO対策のやり方をまとめた記事はコチラ
【超入門】SEO対策のやり方は？初心者向けのオススメ本も紹介！
コメントを残す