ユーザーがスクロールする時代にファーストビューをどう考えるか
- 編集部の見解や意向と異なる内容の場合があります
- 編集部は内容について正確性を保証できません
- 画像が表示されない場合、編集部では対応できません
- 内容の追加・修正も編集部では対応できません
ファーストビューといえば、コピーやCTAを設置することでユーザーに対してダイレクトに訴求したいものを表示させる要素として長らく最も重要とされていました。 しかし昨今、ウィンドウサイズが大きくなっていることやレスポンシブウェブデザインやシングルページの広がりなどにより、ユーザーがスクロールを非としない環境が出てきています。
現在のウィンドウサイズ
netmarketshareの調査によれば下記のような状態となります。 みなさんのターゲットはどこに設定していますか。
Resolution | Total Market Share |
---|---|
1366 x 768 | 14.46% |
1920 x 1080 | 8.79% |
768 x 1024 | 7.88% |
360 x 640 | 7.53% |
320 x 568 | 6.26% |
1280 x 800 | 5.43% |
1440 x 900 | 4.74% |
1280 x 1024 | 4.70% |
1600 x 900 | 4.32% |
1024 x 768 | 4.07% |
375 x 667 | 3.36% |
1680 x 1050 | 2.71% |
320 x 480 | 1.95% |
1280 x 720 | 1.40% |
1920 x 1200 | 1.32% |
2560 x 1440 | 1.01% |
ユーザーがスクロールする時代
2006年と少し古い情報ですが、ヒートマップツールのclicktaleの調査です。
91% of the page-views had a scroll-bar. 76% of the page-views with a scroll-bar, were scrolled to some extent. 22% of the page-views with a scroll-bar, were scrolled all the way to the bottom. Unfolding the Fold (Insights into Webpage Scroll) | ClickTale Blog
この時点でも実に22%が最後までスクロールしていることがわかります。 また、下記のデータをご覧ください。 出典:Scroll behavior across the web - Chartbeat Blog Chartbeat Blog エンゲージメントのピークはファーストビューからある程度スクロールされた1200pxの間に存在します。 ファーストビューはさっと読み流し、中盤あたりを多く見る傾向が推測されます。
スクロールしてもらうためのUIとは
全てのページがスクロールされるとは限りません。 ファーストビューに詰め込み過ぎるとユーザーはそこで離脱につながる傾向にあり、スクロールされず理解不足に陥る懸念が生じます。 続きは下記で。 http://www.skuare.net/article/2015/08/20/first-view-design/
ソーシャルもやってます!