【静岡 Web designer 生活ブログ】

静岡市でフリーランスでウェブパレットという屋号でWebデザイナーしています。Webデザインしている上での備忘録的なブログです。たまにプライベートなことあり。

HOME > 静岡 Webデザイナー生活 > ページ上部に詰め込むのはダメデザイン?

01/26
2010

ページ上部に詰め込むのはダメデザイン?

ページ上部に詰め込むのはダメデザイン?

Tweet
このエントリーをはてなブックマークに追加

Web担 に面白い記事が載っていたので紹介。

ファーストビューで重要なメッセージが全部見えるように、ページ上部に詰め込みすぎるのは実は間違いなのだそうだ。

ファーストビューとは、ページを開いたときにスクロールしなくてもまず見える部分のことを言います。

なんとなく、イメージでは、スクロールするのはめんどくさいだろうと考えるが、 調査の結果、人々はそんなに少しのスクロールはめんどくさがらないらしいのだ。

そのサイトに自分の見たいコンテンツが入っていることが、ファーストビューからわかれば、 人はきちんとスクロールし、見てくれる。

むしろ、ファーストビューに要素を詰め込んでいるデザインよりも、 ファーストビューのコンテンツが少ないほうが、 ユーザーはスクロールして他のコンテンツを探す行動に出る場合もあるとのこと。

つまりスクロールはユーザビリティの点からおいて大きな問題ではないそうで。

ただしまずいスクロール方法もあるよう。

・画面の途中で横幅いっぱいの横線で区切りを付けている場合
・ページ内の一部分だけがスクロールする(iframeなど)ようになっていると、そちらはスクロールしてもらえない傾向がある。

おお、iframeはWhat’s Newなどで弊社でもよく使う手法です。

ここはほぼスクロールしないので、見えないところは古い記事にするようにして、見てもらいたい箇所は、 高さをとってちゃんと見えるようにしたほうがいいということですね。

確かに納得。

ただやはり、あまりに長すぎるページはやはり人は見てくれないようで
(自分自身でページを見ている時のことを考えてもわかります)

重要なのは、
* 訪問者の気持ちをつかまえる要素がファーストビューに入っている。
* さらにその下にコンテンツがあることがユーザーにわかる。
* 横に区切るデザインをするときは、ページが終わったと勘違いしないようにする。

だそう。

今後のサイト作りに生かしていこう。

あと、「縦に伸びるボックス状のデザインをしていると、続きがあることをユーザーは理解しやすい」そうで、 これも結構興味深いですね。

No related posts.

Filed under: SEO — 9:53 PM
← Google検索でページ読込時間が検索順位の重要事項になる点について CSS Nite LP, Disk 9「Coder’s Higher」 →

コメントをどうぞ コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

  • 《ウェブパレットサイトへ戻る》

    ウェブパレット
  • 《広告》

  • PROFILE

      Name waka
  • SEARCH

  • PAGES

    • よく使うドメイン・レンタルサーバー
    • 使用プラグイン一覧
  • RECENT ENTRY

    • Atomでの使用感と備忘録
    • 備忘録:新サーチコンソールでのドメインプロパティ設定(DNSレコードでのドメイン所有権の確認)方法(エックスサーバーの場合)
    • 備忘録:WordPressで有料プラグイン「Elfsight Instagram Feed CC」をアップデートしたらなぜかSimple Tagsプラグインでエラーが出て困ったはなし
    • 備忘録:WordPressでテーマファイル修正の際に致命的なエラーが出る場合の対処法
    • 備忘録:FileZillaを使っていて文字化けしたフォルダが削除できない場合の対処方法
  • PAGE

    • よく使うドメイン・レンタルサーバー
    • 使用プラグイン一覧
  • CATEGORY

    • 仕事 (1)
    • WordPress (71)
    • カメラ (1)
    • セミナー (19)
    • モバイル (1)
    • Apple (11)
    • HTML&CSS&Javascript (7)
    • アプリ&ソフト&ハード (15)
    • SEO (4)
    • SNS (3)
    • プライベート (22)
      • 車 (1)
      • つれづれごと (1)
      • 美術館 (1)
      • ガーデニング (2)
      • 旅行 (2)
    • その他 (6)
  • ARCHIVES

  • TAG

    Contact form 7 CSS Nite CSS Nite in SHIZUOKA Different Posts Per Page FFFTP FileZilla Firefox Fireworks Fireworks8 Fireworks CS3 Flexible Upload Fotolia FTP function.php Gmail Google Google Chrome Instagram ipad iphone iphone4 iphone5s JavaScript jQuery LightBox Lightbox 2 MySQL pocket WIFI prettyPhoto Remote Testkit SNS Subscribe2 Windows WordBench WordBooker WordCamp WordPress Wordpressプラグイン wp-jquery-lightbox WP-RSSImport イーモバイル エックスサーバー セミナー 写真素材 素材
  • 《運営》

    ウェブパレット
  • 《その他運営しているサイト》

    しずおかはなさんぽ

    静岡わんわんさんぽ

    静岡おいしいかわいいグルメ&雑貨屋ブログ

    Home Office & Flower Life

  • META

    • ログイン
    • Comments RSS
    • Valid XHTML
    • Software
    • XFN
    • WP
    • RSS
  • @wakawaka67さんのツイート
  • 《広告》

Copyright © ウェブパレット All rights reserved.