web-dev-qa-db-ja.com

メインナビゲーションのホバーメニューを示すために矢印は必要ですか?

私が取り組んでいるWebサイトのメインナビゲーションはホバーメニューを使用し、すべてのメインナビゲーションアイテムにはホバー/タップで表示される子があります。

ホバーするとコンテンツが表示されることをユーザーに示す下矢印(シェブロン)を含める必要がありますか?私はデザイナーとこの議論をたくさんしました。彼らはメインナビゲーションのスペースと清潔さを維持したいと考えており、矢印のアイコンがそれを邪魔していると感じています-私が押し戻し、矢印がsuper微妙で、ユーザーは視覚的な手がかりを拾います。

メインのナビゲーションアイテム間で一貫性のないエクスペリエンスがあった場合(子供がいた人もいなかった人もいます)矢印を含めて、ユーザーが異なるアイテムにカーソルを合わせると異なる結果が得られることをユーザーに示すことをお勧めします。

ただし、この場合、エクスペリエンスはすべてのナビゲーションアイテムで同じであるため、このビジュアルキューを含める必要がありますか?または、ユーザーがエクスペリエンスを見て、ホバーがサブナビゲーションをトリガーすると、残りのナビゲーションが同じように機能することを理解できますか?

ユーザーが「テストして確認する」必要があるという考えは必ずしも好きではありませんが、ユーザーがすぐに理解できるものであれば、この戦いを絶えず戦い続けることが価値があるかどうかはわかりません。

参考のために添付された例 enter image description here

7
az123

このように見てみましょう。矢印は確かにサブナビゲーションを示していますが、考慮する必要があることはほとんどありません-

1)ナビゲーションにサブナビゲーションのない他のアイテムがある場合、他のナビゲーションカテゴリと区別するためにその矢印を追加することは理にかなっています。良い例はアマゾン(スクリーンショットを確認)です-

enter image description here

「Shop by Category」ナビゲーションアイテムに矢印があり、ホバーで開くのを確認してください。同じ行にある他のすべてのアイテムにはサブナビゲーションがありません。また、特定のアイテムを重視する差別化要素としても機能します。次に、すべてのカテゴリにサブナビゲーションがあり、その矢印から安全に離れることができるメイシーズやJCPennyのような人と比較してください-

enter image description here

2)サブナビゲーションをホバーまたはクリック(矢印を追加した後)で開くことは、別のことです。それはあなたのウェブサイトのドメイン、デバイスの種類、あなたのナビゲーションアイテムの重要性に依存するかもしれません。たとえば、Amazonの「Shop By Category」がホバーで開かれる様子を見てきました。これは、Amazonにとって非常に重要であり、おそらく何の努力もせずに、いつでもそれを開くことを望んでいるからです。 [もっと見る]に同じ矢印が表示されているGoogleと比較しますが、クリックするだけで開く点が異なります。 「その他」は非常に重要なナビゲーションアイテムではないため、カーソルを合わせたときに表示される理由はもっと少ない可能性があります。

enter image description here

0
Amit Jain

以前は矢印がユーザーに視覚的な手がかりを提供するため、矢印が好まれていました。ユーザーが矢印をクリックしたり、マウスを上に置いたりすると、メニューがより多くなります。

時間の経過とともに、Web開発者はクリックとホバーの両方でこれらのメニューをアクティブにするようになりました。この場合、ユーザーはデフォルトでメニュー項目をクリックまたはタップするため、矢印は必要ありません。そうすることで、サブメニューやフライアウトなどが表示される場合、矢印の必要性は冗長です。

どちらの方法でも、Webユーザーがこれらのメニューに慣れ親しんでおり、サイトごとにすばやく解決できるため、2016年にはそれほど大きな違いはないと思います。もし興味があれば、 The Navigation Treasure Trove:37 Menu Usability Resources は興味深い読み物です。

ただし...

...ホバーメニューを使用する準備はできていますか?

ホバーメニューのフルストップの使用から離れる動きがあるようです。これのどれだけがモバイルデバイスの成長によるものかは議論の余地があります。いずれにせよ、興味があれば、このトピックについてさらに読むための参考資料をいくつか示します。

11
Monomeeth

はい、矢が必要です。

すべてのタッチスクリーンデバイスはホバーできないため、ホバーでは識別または検出できないため、メニュー項目の性質に関する情報を含める必要があります。

タッチデバイスかどうかを検出して矢印を追加できると主張する人もいます。いいえ。

  1. ユーザーがタッチデバイスをデスクトップブラウザーとしてスプーフィングに設定している可能性があります
  2. ユーザーは最初に携帯電話/タブレット、次にデスクトップにアクセスします

したがって、確実にするために、単に矢印を使用します。

1
Confused

ホバーを使用しないでください。ユーザーはクリックの確実性を重視します。

意図せず煩わしい操作や遅いナビゲーションを表示するメニューですが、誰かがホバーを主張する場合は、視覚的な手掛かりを歓迎します。

「要素を最小限に抑える」と言うデザイナーは、おそらく「ビジターは何をすべきかを知っているので」と付け加えて推測をしています。すべてのサイトが同じというわけではありません。それでは、なぜビジターが「なじみ深い」ことに頼るのでしょうか。

メイシーズのメニューバーはパッシブに見えます-部門の単なるリストです。視覚的記号にはどのような害がありますか?

1
Jules

妥協案として、目印を付けることをお勧めします。ホームボタンの横など、目立つ場所に開始(および1つのみ)を表す1つの矢印を配置します。

これは、次のボタンがすべてドロップダウンメニューであることを示しています。私は最初に矢と言いましたが、矢である必要はありません。

0
DrWael