直帰率に効果あり！ferretで実践したファーストビュー改善事例

ferretのトップページでは、ユーザーのみなさまに「次に読みたい記事」をスムーズに見つけてもらう必要があります。それは、メディアサイトのトップページではどこも同じでしょう。

今回のA/Bテストでは、トップページの直帰率改善のため、記事への回遊を増やすことを目的にファーストビューを改善しました。

トップページのファーストビューでA/Bテストを実施

2017/06/19(月)～2017/07/07(金)の18日間、ferretのトップページを訪問したすべてのユーザーを対象にテストを実施しました。

テストクリエイティブ

もともとferretのトップ画面には、上の画像のように、カルーセルが表示されていました。
しかし、ferretのユーザーが使っている主要な画面サイズのパソコンでは、ファーストビューがカルーセルで埋め尽くされてしまい、最新のニュース記事をすぐに読むことができません。

そこで、カルーセルを非表示にし、ファーストビューに複数の記事が入るように変更してテストをしてみました。

テスト結果

[member_only]
A/Bテストの結果数値が以下の表です。

セッションあたりのページビュー数・直帰率のどちらも、改善されているのが分かります。

「最適である確率」が76%とやや低めですが、1セッションあたりのページビュー数については明確に有意差が出る結果になりました。

ラベルごとのクリック率を見ても、テストパターンの方が最新記事（「最新エントリー」）のクリック率が上がっていることが分かります。

結果として、下の画像の黄色いエリアのクリック率が上がったため、当初の目的からは成功と言える結果となりました。

まとめ：ユーザーの環境と目的に合ったUIを

今回のテストでは、まず「トップページの直帰率を改善したい」という課題から、「トップページから次に誘導したい画面はどこか」「そこへの導線はユーザーにとって分かりやすいか、すぐに見つけやすいか」という順でUIの改善点を探しました。

ファーストビューのチェックは、サイトの直帰率改善で最も重要とも言えるでしょう。
ユーザーはページが表示された数秒で「このページが自分の興味に合っているか」「自分の知りたいことはこのページで解決するか」などを判別し、少しでも違和感を感じたらすぐに離脱してしまうものです。

そのため、ファーストビューには必ずユーザーに次に取ってほしい行動や、伝えたいメッセージが、分かりやすく入っていることが重要です。

サイトによってはヒートマップツールなどを導入し、ページのスクロール率を細かく分析しているかもしれません。GTMを使っていれば、Google アナリティクスでページのスクロール率計測を簡単に実装することができます。

また、そこまで細かくツールを使えない…という場合でも、自サイトのユーザーが使っている画面サイズの種類とシェアはGoogle アナリティクスで確認することができます。
まずは自分のパソコンで同じサイズにして自サイトを確認し、「もっと改善できることはないか？」と探してみましょう。