【ファーストビューにこだわる必要性は低下する?(場合によってだけど)】
ウェブデザインでよく言われてる「ファーストビュー(最初にジャンプした時デザインや情報がどのくらいまで見えるか)」に関する話題。重要な情報はこのファーストビューに入るべき、またはファーストビューに入る要素を大切にしていく、、、みたいなことに関する話題。
●「ユーザーはスクロールしない」はウソ、”Above the fold”より下を見せる3つのサイトデザインTIPS | 海外SEO情報ブログ・メルマガ
海外ではAbove the fold(アバブ・ザ・フォールド)というのですね〜〜。
また、デザインによって、ファーストビュー(Above the fold)の神話が必ずしも正しいものではないとのこと。
たしかに、このヒートマップ、デザイン要素の解析を見ると、「そうだよなあ」と感じますね。
そしてスクロールを促進するための心得として
1. 少なきはより多くを伝える
ホワイトスペースや空白、画像でうまく促進できるみたい。(ファーストビューエリアに詰め込みすぎると×)
2. くっきりした水平線はスクロールの妨げになる
横幅いっぱいの線(hrみたいな)で区切ったりすると、スクロールしにくい心理になる感じ。また、下に有るコンテンツのちら見せは結構いい感じらしい。
3. スクロールバーの使用を避ける
ページ内スクロール(iframeとか使ったコンテンツで)は通常のスクロール行為を妨げる。
たのことでした。
たしかに、ファーストビューの終わりの部分でうまく下に有るコンテンツをちら見せしてスクロール促進とか、「確かにそうかも!」
といろいろ考えさせられました(^^
自分としては何でもかんでもファーストビュー!というのもおかしいんじゃないの?と思ってるので、ここで見られるサンプルなどのようにちら見せ、横線の禁止など、うまく要素を利用して下の方まで読ませるさいとをつくっていきたいなー。
●「ユーザーはスクロールしない」はウソ、”Above the fold”より下を見せる3つのサイトデザインTIPS | 海外SEO情報ブログ・メルマガ
海外ではAbove the fold(アバブ・ザ・フォールド)というのですね〜〜。
また、デザインによって、ファーストビュー(Above the fold)の神話が必ずしも正しいものではないとのこと。
たしかに、このヒートマップ、デザイン要素の解析を見ると、「そうだよなあ」と感じますね。
そしてスクロールを促進するための心得として
1. 少なきはより多くを伝える
ホワイトスペースや空白、画像でうまく促進できるみたい。(ファーストビューエリアに詰め込みすぎると×)
2. くっきりした水平線はスクロールの妨げになる
横幅いっぱいの線(hrみたいな)で区切ったりすると、スクロールしにくい心理になる感じ。また、下に有るコンテンツのちら見せは結構いい感じらしい。
3. スクロールバーの使用を避ける
ページ内スクロール(iframeとか使ったコンテンツで)は通常のスクロール行為を妨げる。
たのことでした。
たしかに、ファーストビューの終わりの部分でうまく下に有るコンテンツをちら見せしてスクロール促進とか、「確かにそうかも!」
といろいろ考えさせられました(^^
自分としては何でもかんでもファーストビュー!というのもおかしいんじゃないの?と思ってるので、ここで見られるサンプルなどのようにちら見せ、横線の禁止など、うまく要素を利用して下の方まで読ませるさいとをつくっていきたいなー。


