Above the Fold は、年を追うごとにその概念は複雑になっていますが、Web サイトのデザインにおいて重要な役割を担っていることに変わりはありません。 かつてほど重要視されていないかもしれませんが、訪問者に魅力的なエクスペリエンスを提供しようとするすべての Web サイトにとって、理解と配慮が必要なことに変わりはありません。 新聞は大きな紙に印刷されていたため、新聞販売店に並ぶと、折りたたまれていました。 3006>
新聞業界はすぐに、読者を獲得するには、ページの上半分に注目を集める見出し、コンテンツ、画像を表示する必要があることに気づきました。 この基本原則は、デジタル コンテンツでも変わりません。
もちろん、Web サイトには新聞のような物理的な折り目はありませんが、この点での折り目はスクロールバーに関連しています。
寸法
Web サイトの最初の考慮事項は、読者にその寸法がどう見えるかということです。 すべてのスクリーンが同じとは限りません。 さらに、パッドや携帯電話の普及により、各サイトの表示方法は大きく異なります。 画面解像度やブラウザのプラグインに関する問題は言うまでもありません。
電話の寸法は、2016年にその使用率がデスクトップを上回り、慎重に検討すべき最も重要な領域となったと言ってよいでしょう。 携帯電話は、その画面と同様に、さまざまな形や大きさがあるので、新聞紙面とは異なり、折れ線ははるかに予測しにくい概念です。
Online Tools For Defining Above The Fold Placement
ウェブサイトの「折り目」に関連するさまざまな側面を視覚的にテストして配置できる無料のオンラインツールが数多く存在します。 これらは、レイアウトの物理的なアイデアを得るには非常に便利ですが、Web サイトの表面的なプレゼンテーションを提供するだけで、詳細な分析を行うことはできません。 このような理由から、それは完全なウェブサイトの最適化がenture.3006>
ベストプラクティス
While それは折り目の配置の上にハードとファーストルールが存在しないことは事実であり、いくつかのベストプラクティスがしばしば役立つガイドラインとして動作しますことをお勧めします。 これらのいくつかは、最も魅力的なコンテンツが折り目の上にあることを確認するなど、常識的なアイデアです。 例えば、1,024×768ピクセルの画面では、横1,000ピクセル、縦600ピクセルが標準的な折り目のサイズとされていますが、このような寸法に関連したベストプラクティスもあります。 しかし、2018年のほとんどのスクリーンサイズはこれより大きいので、それに合わせてウェブサイトを調整することが重要です。
また、ベストプラクティスとは正統派であると決して思い込まないことも重要なポイントです。 長年、Webサイトは新聞の一面のようにデザインされてきましたが、これによって、大半のサイトが同じように見えるという、一種の「テンプレート化」が進んでいます。 3006>
実際、一部の Web サイトでは、折り返しを完全になくし、折り返しより下にコンテンツがないページを設計して、問題を完全に排除しています。 これらの「コンパクト」なデザインは、美的に目を楽しませ、すべてのスクリーンサイズに適合することができます。
Webサイトが行うことができる最悪のことの1つは、ページに「偽の底」を提示することです。 これは、サイトがスクロールを必要とするさらなる情報を持っているにもかかわらず、その存在が訪問者に明らかでない場合です。 これは最悪の事態です。
More info here.
Call To Actions Above Or Below The Fold?
Above the fold designs についての神話の 1 つは、アクションへの呼び出し(CTA)を明確に瞬時に表示することが常に最善の方法であるというものです。 これは、このトピックに関連する多くのものと同様、概念を単純化しすぎています。
- Certain visitors
- Uncertain visitors that are familiar with your product – or the proposition is simple
- Uncertain visitors that are presented with a complex proposition
Certain visitors are those that likely to react to the call to action as they have largely made their mind before visiting the site.Why did you want to see the call to action? これは、「特定の訪問者」が製品やサービスについて学ぶことがほとんどないため、既知のブランドが優位に立つ場所です。
アクションへの呼びかけを簡単に理解する、または製品やサービスについてある程度の知識がある不確かな訪問者の場合、情報提供コンテンツも重要ですが、上記の理由とほぼ同じ理由で、アクションへの呼びかけを折り返しの上に配置することが一般的にベストプラクティスです。 必要なのは、行動喚起を行うべき理由についてのより詳細な説明です。 実際、アクションへの呼び出しを前面に配置すると、少し強引に見えることがあります。
簡単に言えば、アクションへの呼び出しは、訪問者がそれに基づいて行動するように最も説得された位置に配置されるべきである。 したがって、広告のエンゲージメントを最大化するために、その領域を広告で埋め尽くすべきであることは当然のことでしょうか? しかし、そうではありません。 Googleのアルゴリズムは、この行為に厳しいペナルティを課しており、気をつけないとあなたのウェブサイトのランキングを計り知れないほど下げてしまう可能性があります。 さらに、重要な情報を折り目の下に押し込むだけでなく、訪問者の忍耐力を超えてしまうこともあります。
広告配置は、直帰率、エンゲージメント分析、およびユーザー行動の知識を必要とする、複雑なバランスです。 これらの決定は、手元にある正しいデータで行うのが最善です。
The Importance Of Above The Fold
この段階で明らかになるように、折り目の上のデザインの重要性は不可欠ですが、複雑です。 そのため、絶対的なものを扱うアドバイスには注意することが賢明です。 確かに、ユーザーの習慣はインターネットの初期から大きく変化しています。 90年代には、接続速度が遅く、ウェブサイトも非常に遅かったため、ほとんどの「サーファー」が折り目より下の部分をほとんど読まないことが普通でした。 最近では、マウスのスクロールホイールを使用する方がはるかに多くなっています。
これによって、ありがたいことに、情報が折り目の上に詰め込まれる詰め込み表示はほとんど見られなくなりました。 最近の Google の調査では、折り返しの上に表示される広告の視認性が 73% であるのに対し、その下の広告はわずか 44% であることが示されています。 しかし、これは、視聴者を引き込むコンテンツがそのギャップをかなり狭め、広告がその障害になり得るという事実と比較検討されるべきです。 3006>
このテーマについては、これまでと同様、文脈とバランスが重要です。