web-dev-qa-db-ja.com

トップバーはいつ固定すべきですか?

トップバーを固定する必要があるのはいつですか?

StackExchange™MultiCollider SuperDropdown™は、ページと一緒にスクロールするので修正されていませんが、Facebookのトップバーisは、どのようにスクロールしても画面に表示されるためです。

トップバーを固定するかどうかは何が決定しますか?

27
Amit Joki

簡単な答え:その情報/機能を常に表示/アクセス可能にし、ページに長いスクロールコンテンツがある場合

画面スペースは、賢く使用されるリソースです。 1つは、通常、1つの画面に収まりきらないほど多くの情報があるためです。2つ目は、画面上にあるすべてのものが認知的負荷をユーザーに課します。したがって、画面に表示するすべての機能のゲイン/コストを重み付けする必要があります。

私たちは、ユーザーが私たちの製品/ソフトウェア/アプリを使用するときはいつでも気分が良くなり、生産的になることを望んでいます。そのため、私たちは彼らのためにそれを簡単にしようとしています。固定バーは彼らの仕事をより生産的/より簡単にしますか?または、ロゴを表示してユーザーが使用する可能性が低い不要なリンク/機能によって、画面スペースを使い果たしますか?

いくつかのケースでは、固定バーが良い考えです:

  • ページは縦長で、ユーザーは上にスクロールせずにトップメニューにすばやくアクセスする必要がある場合があります(またはキーボードのホームキーを探します。
  • ユーザーは、ページのどこにいても常にいくつかの情報(受信メッセージ、アラートなど、またはテーブルが非常に長い場合のテーブル列ヘッダーなど)を表示する必要があります。
20
Harijs Deksnis

固定/フローティングヘッダー:ページの高さに関係なく、常にナビゲーションが表示されます。ソーシャルエンゲージメントサイトとして、FBは常に、ユーザーが情報の深海に従事し、あらゆる場所からいつでも戻るための迅速な手がかりを求めています

それはまた、ユーザビリティ、アクセシビリティ、そして審美的にユーザーを助けます。

SOサイトにはありませんが、将来的に組み込まれる可能性がありますが、ブラウザのヘッダーに新しい質問/質問への回答があるときに小さな通知[(2)のようなもの]が追加されていることに気付いた場合。

詳しくはこちらをご覧ください: http://uxdesign.smashingmagazine.com/2012/09/11/sticky-menus-are-quicker-to-navigate/

5
Hemchandra

トップバーを固定するかどうかは何が決定しますか?

重要な3つの考慮事項。

  • バーの高さはどのくらいですか?高さが20ピクセルしかない静止バーは、何が表示されているか、またはそれが有用かどうかに関係なく、高さが200ピクセルのバーよりもはるかに煩わしくありません。多くのユーザーは開発者よりも解像度の画面が小さいため、1280x800のラップトップなどのユーザーにとっては、大きなバーが悪いUXになります。
  • それは何をし、ユーザーのユースケースは何ですか?私は、サイトの人々が何をしようとしているのかについてユースケースを考慮する必要があることを付け加えます。これは、固定バーが必要かどうかの目安にもなります。例えば:
    • ニュースサイトでは、新しい記事を読む可能性があります-これが、多くのニュース記事の下部に推奨記事などを表示する理由です
    • 情報ページでは、下部に到達したユーザーはおそらくいくつかの質問などをするでしょう-これが、ヘルプ、連絡、について、情報のタイプが通常、情報ページの下部に属している理由です
  • それは主要なサイトの目的の邪魔になるでしょうか?トップバーがサイトのコンテンツの邪魔になる可能性が高い場合、それはおそらく含まれるべきではありません。
3
enderland

私はここの他の投稿に同意し、他の決定要因も追加します。

  1. ユーザーがサイト内の自分の位置を把握するための支援を必要とする場合。
  2. トップバーの情報が常に価値があるかどうかを判断します。読むときにコンテンツに集中する必要があるユーザーにとっては、気が散ることがあります。多くのサイトでは、長いページでトップバーをスクロールして上部に表示しないようにすることでこれを解決していますが、ユーザーが少しだけ上にスクロールすると、すぐにトップバーが再び表示されます。
0
Pdxd