Webデザインにおける"スクローリング"とは!基本情報とポイントを解説
スクローリングのデメリット
http://www.ashinari.com/2012/12/24-374416.php
デメリット1. スピードの問題
スクローリングを取り入れたデザインの中には、多くの動画や写真を使ったものも見受けられます。(パララックスデザインなど)あまりに動画などを取り入れてしまうと、スピードに問題が出てしまいますので注意が必要です。
デメリット2. SEOの面で不利
情報を1ページに集約してしまっているため、SEO的には不利な可能性があります。
デメリット3. フッターがないこと
無限にスクロールできるデザインでフッターがない場合、ユーザーが戸惑ってしまう可能性もあります。
スクローリング実践のコツ
画像引用元:http://www.decasrl.biz/en/products?go=node-54
近年、再評価されているスクローリングですが、必ずしも全てのWebデザインに効果的とは限りません。闇雲に実践するのではなく、本当にスクローリングを取り入れるべきか検討する必要があります。
そこで、ここからはスクローリングを効果的に実践するためのコツと、スクローリングに適したホームページについてご紹介します。
スクローリングを上手く取り入れる方法
スクローリングの取り入れ方が適切でなければ、訪れたユーザーを混乱させかねません。効果的に取り入れるためには、いくつかのコツを知っておきましょう。
コツ1. ボタンなどを取り入れてわかりやすく
ユーザーが快適にページを閲覧できるよう、ボタンや矢印などを適時取り入れましょう。「すぐ始める」「もっとスクロールして見る」といったボタンを活用したり、クリックするとどこに飛ぶかなどを明確にすることで、ユーザーはページの仕組みを早く理解できるようになります。
ユーザーがページ内をどのように動くか調査し、結果に応じて調整していくと、適切なスクローリングになるのではないでしょうか。
コツ2. 長くしすぎない
スクローリング=永遠にコンテンツをスクロールすることではありません。目的に沿った長さにすること、ユーザーを導き現在位置を知らせるナビゲーションを配置することをオススメします。
画像でご紹介しているDecaのホームページは、効果的にスクローリングを取り入れている事例の1つです。スクローリングは最低限の数ページというボリュームで、商品を分類するナビゲーションをページ上部で固定しているため、途中でもユーザーを迷わせることはありません。
スクローリングに適したホームページ
先にご紹介したとおり、スクローリングにはメリット・デメリット両方があります。
スクローリングに適しているホームページがどのようなものか挙げるとすれば、以下のようなものが該当するでしょう。
・新規コンテンツの追加、アップデートが多い
・モバイルからの通信が多い、大半のアクセスがモバイルからの場合
・大量の情報を単一の方法で表示している(インフォグラフィックなど)
・ローディングに時間がかかる要素を含んでいない
上記のような特徴を持つホームページであれば、スクローリングを効果的に取り入れることができる可能性が高いです。そうでない場合には、スクローリングにするかどうか十分検討する必要があるでしょう。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- SEO
- SEO(Search Engine Optimization)とは、GoogleやYahoo!などのサーチエンジン(検索エンジン)で、特定キーワードで検索が実行されたとき、ホームページが表示される順位を上げるためのさまざまな施策のことです。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング