web-dev-qa-db-ja.com

Webページでトップバーナビゲーションを省略する理由は何ですか?

トップバーのナビゲーションは良いもののようです。それは機能し、人々はそれをどこに見つけ、どのように使用するかを知っています。しかし、どのような状況下でそれを省略することができますか?

3
Anton

「トップバーナビゲーション」の意味がよくわかりません。上部またはページの水平ナビゲーションを指しますか、それとも垂直ナビゲーションも含まれますか?

常に例外的なケースがあり、あなたが言ったように、人々はページの上部(および下部)の近くにナビゲーションが表示されることを期待していますが、それをうまく実行できない場合があります。

たとえば、Muir GlenのWebサイト( こちら )では、ページの下部に固定位置ナビゲーションを使用し、上部をブランディングの中心に据えています。ナビゲーションはまだ非常に目立ち、見つけやすいので、使いやすさの問題が多すぎるとは思えません。

また、垂直方向のナビゲーションUIにも用途があります。ネストされたドリルダウンメニューオプションが多数ある場合は、水平方向よりも垂直方向の方が適しています(たとえば、サービスにカーソルを合わせるといくつかのオプションが表示され、それらのオプションにカーソルを合わせると独自のオプションが表示されます)。など)。

おそらく、型破りなナビゲーションの最も一般的な使用法は、Flashベースのサイトです(残念ながら、それらはしばしば正しく実行されません)。 (サイト全体を作成する際の)Web上のFlashの最良の使用法は、コンテンツよりも経験に関心のあるサイトを作成することです。この場合、サイトの目的はコンテンツの迅速な検索ではなく、ユーザーのエクスペリエンスに関するものであるため、ナビゲーションをクリエイティブな方法で統合することは完全に許容されます。例としては、ページ全体に散らばったポラロイドを介してナビゲーションを分散させる( または類似 )か、従来とは異なる方法で統合する( このように )。

そのため、はい、従来のページ上部のナビゲーションメニューを省略することには十分な理由があります。ナビゲーションのタイプは、常にニーズに最適なスイートに依存する必要があります。

4
RussellUresti

これは、サイトの構築方法に大きく依存します。

たとえば、多くのセクション/カテゴリがあり、一般的なシナリオでユーザーがそれらの間を何度も移動しなければならない場合、おそらくすべてのページとセクションで常に利用できるナビゲーションスキームが必要になります。

ただし、セクションが多くない場合、またはセクションが深く配置されていない場合(つまり、内部ネストがなく、メイン/ホームページから直接各セクションにアクセスできる場合)、バーを省略できる場合があります。 「ホーム」にすばやく移動し、パンくずリストに場所が表示されるようにする方法を提供するだけです。

実際のところ、ナビゲーション専用のバーを使用する場合は、慎重に作成された(インタラクティブな)ブレッドクラムに置き換えることができる場合があります。

5
Dan Barak

ユーザーがさまざまな理由(コンテンツを移動するなど)で下に(ページの下部まで)スクロールする場合、上部のナビゲーションバーの代わりに下部のナビゲーションバーを使用すると便利です。

1
pramodc84

ここにいくつかのオプションがあります。

  1. 水平上部のナビゲーションバーはほぼすべてのサイズにすることができるので、たとえば12pxフォントの2倍のサイズのタグをサイズ設定すると、非常に小さなナビゲーションバーが表示されます。現在、ほとんどの人が少なくとも768ピクセルの高さの画面を使用しているため、それほど多くはありません。

  2. 上部に配置して固定位置を指定すると、コンテンツのスクロール時間に関係なく常に使用できます。

  3. bootstrap cssを使用していない場合は、別のnavbar.cssを作成し、コメント付きのhtmlを含めると、任意のアプリケーションにカットアンドペーストしてすばやくナビバーを作成できます。

サイドバーナビゲーションの他のオプションが必要な場合は、長くて薄いサイドタブが1つあり、クリックすると飛び出すJS折りたたみサイドバーを使用できます。ドロップダウンと同じ原理ですが、横向きです。それはあなたに可能な最大の画面の不動産を提供します。 bootstrapまたは類似したものを使用する場合でも、モジュール化することができます。divのIDとクラスに、まだ取得していない名前を付ける必要があります。

0
Rollin Shultz