web-dev-qa-db-ja.com

Webサイトのフッターが常にページの幅全体に及ぶ必要があるのはなぜですか?

私は現在、オンラインデザインコースを修了しています。講師は、セットコースのビデオの1つを見ながら、次のようにアドバイスしました。

[website]フッターは常に画面の幅全体にまたがる必要があります。

しかし、なぜそうなのかは説明されていません。このアイデアがどこから来たのか、その理由は何か知っている人はいますか?

それは一種のオールドスクールです。私たちは「実行中のシステムに触れないでください」と言いたいのですが、これに対する違反はdoctrineが進歩の原動力です。

個人的には、フッターが左側(約40%幅)のサイトにのみ表示され、誰も問題がなかった2列のWebサイトも使用しました。

これが行われる理由は、親しみやすさのようです。

しかし、幅が60〜60%のフッターがあるページや、フッターがないページもたくさん見ました。

例:

http://www.cantilever-chippy.co.uk/

http://www.mecannical.com/

悲しいことに、元のサイトはダウンしています: enter image description here

10
pguetschow

そうではありません。

彼らはおそらくそれが最も普通のデザインパターンであると述べるべきだったでしょう。デザインパターンは、ユーザーが不明なコンテンツをナビゲートするのに役立ちます。そのため、ほとんどのサイトがコンテンツをアンカーするためにページにまたがるフッターを使用している場合、ユーザーは、リンクの束が付いた水平の仕切りが表示されるタイミングに慣れます。ページ。

親しみやすさは満足感を生みます。

フッターが必要でない限り、自由に慣習を破ってください。

7
Clockiebox

まず、すべてのフッターコンテンツ(特に、その背景色、境界線など)の周りのブロックのスタイルが画面の幅全体に広がる必要があることを意味すると想定しています。テキストコンテナwithinフッターは1列の全幅にする必要があるため、幅の広いデバイスではめちゃくちゃ広くなります。テキストの measure は読みにくくなるので、これは悪いデザインです。

単一列のデザインの場合、40〜80文字が理想的です。[行]が長すぎると、読者が各行の先頭を検索するときにコンテンツのリズムが失われます。


人々が言っ​​たように、実際には絶対的なデザインルールはありませんが、便利な規則、パターン、ユーザーの期待があります。

この教師が理解していると私が思うのは、

  • ...ifフッターには、ほとんどのフッターと同様に、すべてのページに共通で、コンテンツに固有ではない標準情報が含まれていますこのページ、then誰かが全体を読むことができるように、それを「ページコンテンツ」から視覚的に分離するものを含める必要がありますコンテンツは、ページ固有のコンテンツが終了したことを知っており、「この会社がケベックで登録されているという事実は、ベーコンチーズケーキのレシピとどのような関係があるのでしょうか?ああ、私は読んでいますfooter今」全幅の色の変更は、これを実現するための一般的で簡単で信頼できる方法です。
  • ...ifフッターは標準的な規則に従っており、連絡先/私たちに関する情報やリンク、ソーシャルボタン、法的事項などのコンテンツが含まれています情報などthen他の可能なすべてのページコンテンツに対して明確に目立つようにして、誰かがこれをすばやくスクロールして、ある種のこと(「ええ、ええ、ベーコンのチーズケーキについては十分です。この会社はカナダの州で登録されています。通常、ページの下部にバーがあります...」)は、彼らが何をヒットしたかを知っています探している。全幅での色の変更は、中断の可能性があるwithinのコンテンツから際立っており、これを実現する簡単で一般的で信頼性の高い方法です。

異なるニーズがある場合、または考える理由がある別のデザインがこれら2つのケースでユーザーを混乱させない場合は、必ず自分で行ってください。ただし、常にそれがあなたのケースにどのように適用されるかをよく考えてください。例えば:

  • フッターのコンテンツis n'tが標準フッターのようであり、isがページコンテンツに関連している場合(たとえば、読者の関連コンテンツへのリンクが含まれている可能性があります- このページは特に興味がある可能性があります)、すべてのコンテンツを読んだにもかかわらず、さらに多くのコンテンツを欲しがる人のために、フッターのようにしない方がよい場合がありますdo読み続けて。
  • コンテンツ内に切れ目がありますか。広告、または中間コンテンツのクロスリンクまたはソーシャルツールですか?フッターと混同される可能性がある場合、読者は記事の最後に到達したと考えて記事の途中で停止する可能性があります。背景色の全幅の変化を神聖なものにしておくのは良いことかもしれませんし、人々がそれを理解できるようにすることもできますonlyそれは彼らが最後に到達したことを意味します。
  • 関連記事を自動読み込みする記事や、新しい結果を自動読み込みする検索ページなど、終わりのないスクロールパターンに注意してください。フッターがページのコンテンツの終わりを示しているが、フッターのように十分でない場合、新しいコンテンツがロードされる前に、人々がそれを改行と間違える可能性があります。