Hamburger -Symbol für X Usability?

1. Wofür wird Hamburger -Symbol verwendet??
2. Ist Hamburger -Ikone gut?
3. Warum das Hamburger -Symbol semantisch korrekt ist?
4. Wie mache ich mein Hamburger -Menü zugänglich??

Wofür wird Hamburger -Symbol verwendet??

Ein Hamburger -Symbol in der Benutzeroberfläche (UI) ist ein Navigationssymbol, das aus drei gestapelten horizontalen Linien besteht, die den Standort eines versteckten Menüs angeben. Das Symbol hatte seinen Namen von der Tatsache, dass seine Struktur einem Burger in einem Brötchen in einer vereinfachten Grafik ähnelt.

Ist Hamburger -Ikone gut?

Hamburger-Menüs ist möglicherweise eine großartige Lösung für mobile Geräte mit begrenztem Bildschirmplatz. Die Übersetzung des gleichen Mobilfunk-Designs auf Ihren Desktop ohne Änderungen kann jedoch zu einer schlechten Benutzererfahrung führen. Wenn Sie Ihre wichtigsten Seiten in der versteckten Navigation einsetzen, können Sie sie sabotieren.

Warum das Hamburger -Symbol semantisch korrekt ist?

Das Hamburger -Symbol ist leicht skalierbar und passt sauber in ein Pixelraster. Es war ursprünglich ein Listen-Symbol, das in seine aktuelle Rolle gedrückt wurde, aber da ein Menü einfach eine Liste von Optionen ist, ist es semantisch korrekt, das Listenelement auf diese Weise zu verwenden.

Wie mache ich mein Hamburger -Menü zugänglich??

Wenn der Fokus der Tastatur auf der Hamburger -Taste positioniert ist, kann das Menü mit der Leertaste und der Eingabe von Tasten angezeigt/versteckt werden. Hören Sie dazu das Click -Ereignis an.