web-dev-qa-db-ja.com

Webページの固定位置のヘッダーとメニュー-それでいいですか？

私のクライアントは、私が設計しているWebサイトについて2つのことを主張しています。

  1. すべてのリンクがヘッダーに表示されている-サブカテゴリなしで約10リンク程度。すなわち。ドロップダウン、ロールオーバー、またはサブナビゲーションはありません。

  2. ヘッダーは常に表示されており、上部に静的です。その下のコンテンツは個別にスクロールしますが、ヘッダーは常に上部に表示されます。

さて、私にとって、ナビゲーションが常に一番上にあるという考えは好きではありません。小型のモニターでその下に十分なコンテンツを表示できるように、高さを減らすために長さを調整する必要があるということです。ユーザーはナビゲーションを直感的に見つけることを知っており、常にナビゲーションを強制される必要はないと考えています。クライアントの目には、これは「より簡単」ですが、私の場合、オーディエンスを愚かでWeb 1.0の原則（つまり、フレーム）の小片として扱っています。

だから私の質問は–固定位置のヘッダーがあるのは悪いUXですか？

website-designnavigationmenufixed-header
12
Patrice Wrex

静的ナビゲーションバーに関するあなたの意見に同意します。嫌いです。彼らは邪魔になり、実行可能な画面スペースを減らします。

10個のメニュー項目はそれほど多くありませんが、大きくない場合はメニューにうまく収まりますが、大きくなる場合は、メニュー内の関連する項目をグループ化するのが最善の方法です。

次に、10個のアイテムのうち、6個を2つのドロップダウンにグループ化できる場合は、ドロップダウンをプッシュします。これにより、メニュー項目も短くなります。

Home | Stores | Computers | Hard Drives | CD Drives | Mice | Keyboards

本当になるはずです：

Home | Stores | Products      |
              | Computers     |
              | Storage     > |
              | Peripherals > |

クライアントが ハンズオンクライアント（＃3） の場合、クレームをバックアップする証拠を見つけて、メソッドをやさしく説得して彼らのやり方のエラーを彼らに見せる必要があるかもしれませんより良い。また、彼らが理由であなたを雇ったことを彼らに思い出させてください。

私のサブ質問はこれだと思います。最初の例のように、ユーザーがすべてを一度に見るのは簡単ですか？それとも、ドロップダウンとサブカテゴリを持っている方が簡単ですか？ 2番目の方法は、より簡潔で洗練されたソリューションになる可能性があります。それは間違いなく私にアピールします。しかし、ほとんどのユーザーはどうですか？これは彼らのためにもっと多くの仕事ですか？ドリルダウンする必要がありますか？

人々には短期間の思い出があり、どこに行く必要があるかを素早く見つけることができることを望んでいます。ナビゲーションに関しては、1つのリストで項目を検索するよりも、2つのサブメニューにドリルダウンしたいと思います。 5 kmの道路で都市サイズの家を見つけようとしたり、500 mの道路までナビゲートしたりして、家の数の1/10を見ると想像できます。

ハードドライブを購入する必要があるとしましょう。 「ハードディスク」の下にある「ストレージ」ともう1つの短いマウスクリックを見つけるのに1秒を費やすことができるのに、10秒を費やしてコンピュータ製品の長いリストをスキャンしたくない。

どれだけ細かくする必要があるかは次第です。たとえば、この「コンピュータ製品」の例では、「ハードディスク」のサブメニューにブランドを追加することはせず、製品リスト自体に任せます。

実際のメニュー項目の数にもよりますが、多くはないようです。

6
Nick Bedford

これは一般的なクライアント要求であり、実際にこれを行うWebサイトは非常に少ないため、それがどこから来たかはわかりません。

さて、それは悪いUXですか？まあ、それはサイトのコンテンツ/機能よりもナビゲーションを優先することを優先しているようです。サイトの性質上、ページ間を常に移動する必要がある場合は、おそらくそれが理にかなっています。一方、特定のコンテンツを見つけるのに役立つ場合は、おそらくそうではありません。

6
DA01

大きな成功したオンラインビジネスの例を提供するだけで、メインメニューのナビゲーションが固定されていることをクライアントに納得させることができると思います。 Amazon、Ebayを使用して、あなたの別の3つの選択肢を考えてください。 5つの例を用意することで、事実に関する議論を簡単にバックアップできます。

3
Denzo

モバイルデバイスのコンテキストでは、この回答は、ユーザーが利用できる表示スペースの量と、ユーザーが実行する必要のある追加のスクロールまたはナビゲーションの量によっても影響を受ける場合があります。 Webページの目的と、コンテンツとインタラクションがどのようなものかを見てみなければならないでしょう。固くて速い規則があると言うか、または他の同様のウェブサイトの観点から単純に議論すると、おそらく意見に基づいてより多くの決定が下されることになります。

私は、デザインとそれがさまざまなビューポートにどのように表示されるかを見て、ナビゲーションとWebサイトのコンテンツを見て、ユーザーに対して検証を行うか、使用統計を見て、最適なバランスを見つけることができるかどうかを確認することをお勧めします。

0
Michael Lai