web-dev-qa-db-ja.com

大きなホバーメニュー/ナビゲーションメニュー-明らかに悪いUX?

メニューアイコンの意味を理解していない少数のお客様からのフィードバックにより、ハンバーガーアイコンがナビゲーションメニューから削除され、このハンバーガーアイコンはナビゲーションメニューを拡張するために使用されました。

enter image description here

ハンバーガーアイコンアクションの代わりに、ホバーイベントがナビゲーションメニューを展開します。 enter image description here

ホバーは意図を意味しません:

  • 何かの上にカーソルを合わせて、意図しない何かを実行させるのはイライラします。
  • 特にイライラします。ホバーがフルスクリーンアニメーションを引き起こして、ウェブサイト全体を不透明な黒で暗くし、大きなメニューを拡大する場合。
  • ユーザーの意図が馴染みのあるメニューアイコンをクリックすることであった場合はどうなりますか?

アイコンの上にマウスを置くと、ツールチップが表示されますが、アイコンが何であるか/何をするかを説明するための標準的なソリューションです、そうですか?

それを言うことは公正で合理的な非主観ではありませんか?:

このホバリングメニューナビゲーションは、残念ながら、UI/UXが悪いだけです。ホバリングメニューは、特に私たちがお客様のために解決しようとしている問題の解決策として、観察可能な業界標準の悪い習慣です。メニューアイコンの意味を説明します。

3
Brian Ogden

問題が「メニューアイコンの意味が理解できなかった」場合、ツールチップは役に立ちますか?最近のハンバーガーは標準的であり、ハンバーガーを完全に削除すると、ユーザーが検索する可能性があります。

行動に対するホバーリングがイライラすることにも同意します。ツールチップを使用してハンバーガーを追加し直すことを考えていました。ハンバーガーメニューをクリックすると、特にサブメニューが非表示になっている場合はメニューを展開できます。

乾杯、アーティ

1
Arty

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

  1. 常にラベルを表示します。
  2. アイコンを改善します。表示されるアイコンは非常に一般的であり、何を意味する可能性があります。 BOMは、これを入力したときに表示される番号付きリストアイコンを使用しているようです。
  3. ホバー動作を変更してツールチップを表示します。

カーソルを合わせて拡大するのは素晴らしい体験ではないことに同意します。タッチインターフェイスでは特に問題になる可能性があります。

1
Paul Knights