http://usabilitypost.com/2014/05/24/the-scroll-up-bar/ から:
現在人気が高まっているデザインパターンは、ページ上部の固定位置バーです。時々、バーは変わらないままです。下にスクロールすると、ヘッダーが細いバーに変形する場合があります。完全に新しいバーが表示される場合もあります。
これらのバーは便利な場合がありますが、垂直方向のスペースを占めるため、ブラウザウィンドウのサイズを選択することで、ユーザーが自分で選択した読み取りスペースが減少します。さらに、これらのバーに表示される情報は、実際のコンテンツの読み取りを支援するものではないため、バーはヘルプよりも煩わしいものになります。
この問題を解決する興味深い方法は、下にスクロールするときにバーを非表示にし、上にスクロールするときに表示することです。スペースが貴重なモバイルインターフェースでは、この手法はウェブブラウザコントロールなどのクロムを非表示にするために使用されますが、ウェブ上で使用するのにも適したパターンです。たとえば、Mediumは新しいナビゲーションバーを更新しました。下にスクロールするとバーが消えますが、上にスクロールするといつでも表示できます。
現在、HackerNewsで 大きな議論が続いています が、意見はたくさんあります。君たちはどう思う?
確かに、それらは 消える/クリックで再表示されるバーよりも優れています ?
これに対する簡単な答えは、次のとおりです。しかし、スティッキーバーと比較して、ピットバーは失敗しにくいです。
非常に便利なナビゲーション分類は、(David FioritoとRichard Daltonです。一貫性のあるエンタープライズWebナビゲーションソリューションの作成):
またはグラフィック形式で:
現在、サイトを使用している人々は、彼らが何を求めているかに基づいて異なる行動をするかもしれません。両極端は次のとおりです。
これはサイト自体にも関係しています。ニュースサイトにアクセスする人は、しばしば探検家です。ハードドライブをオンラインで購入する人々は、多くの場合、自分が何を望んでいるか(または少なくともおおまかに)を考えています。
明快な「連想」サイトはウィキペディアです。検索ボックスを省略した場合、ほとんどのeコマースサイトは適切なナビゲーション階層(つまり、「構造」)に依存します。
階層を表示するかどうかに関係なく、スティッキーバーには多くの場合、主要なナビゲーションオプションが表示されます。サイトの性質と人々がそれをどのように使用するかによって、そもそもスティッキーナビゲーションがどれほどすばらしいかが決まります。
明らかに、それは人々が主要なナビゲーションに到達するために一番上までスクロールして戻る必要がないようにすることを意味しました。しかし、人々は実際にこのナビゲーションをかなり使用していると想定されています。
少し奇妙なことに、あなたが参照している記事はこれらを2つのニュースWebサイトで示していますが、典型的な動作はExplorerの動作です。したがって、間違いなく、これらのスティッキーナビゲーションはそれほど重要ではありません。
スティッキーバーには明らかに価格が伴います。モバイルデバイスでは特に重要です。
したがって、ピットバーのロジックは単純です。
ピットバーは、バーの必要性についてデザイナーが誤った仮定をした場合にも役立ちます。ユーザーは下にスクロールしてより多くのコンテンツを表示し、上にスクロールして以前のコンテンツを表示する頻度が低くなります。したがって、バーが少なくとも必要ない場合は、バーが必要な時間の半分未満である必要がありますが、スティッキーバーでは常にそこにあります。
私は認めます、それはかなり天才です。そして、もしAppleができれば、彼らはそれを特許化したであろうに違いない。
ただし、ピットバーには価格が付いています-モーション(またはアニメーション)は最も顕著な視覚的機能です。私たちの脳は、他の視覚的特徴(色、サイズなど)よりもそれに注意を向けています。したがって、アニメーションを使用して表示することにより、ユーザーの注意をバーに引き付けます。これは、ユーザーが必要とする場合は素晴らしいですが、必要でない場合はそれほど効果的ではありません。繰り返しになりますが、それはこのメニューがユーザーにとってどれほど有用であるかに戻ります。 chromeのモバイルバージョンでは、これは非常に重要ですが、他の一部のサイトでは、あまり役に立たない場合があります。
そうは言っても、脳はすぐに、無関係であるとわかった運動を無視することを学びます。そのため、風が吹いている草は無視します-そこに動きがあっても。
そのため、ピットバーの動きを無視することを学ぶには少し時間がかかりますが(無意識であったとしても、少し煩わしいかもしれません)、すぐにそのペナルティは忘却に向かって減少します。
頭に浮かぶもう1つの変数は、静的ナビゲーションバーまでのスクロール時間です。
物理的な画面の高さの尺度として画面の高さ(SH)を使用すると、ページはモバイルデバイスの9SHにレンダリングされる可能性がありますが、一般的なデスクトップ画面では3SHのみです(幅が広いほど高さが低いことを意味します)。 。
私のiPhoneの弾道は、ジェスチャーあたりおよそ1SHです。しかし、トラックパッドを備えた私のデスクトップでは、単一のジェスチャーで非常に簡単に3SHに到達できます。
これは、デスクトップ環境でのスティッキーまたはピットバーの正当性をさらに疑問視します。
そもそもスティッキーバーやピットバーを設置することの正当性は、サイトとユーザーによって異なります。
しかし、スティッキーとピットの間に、後者は双方にメリットのある適切なソリューションのように見えます。