Usability in Dropdown-Menüs

Bei der Arbeit mit mehrdimensionalen Dropdown-Menüs stößt man oft auf das Problem, dass falsche Untermenüs versehentlich geöffnet oder das gewünschte Untermenü versehentlich geschlossen wird. Dieser Effekt tritt auf, wenn der Mauszeiger bei der Navigation zu einem bereits ausgeklapptem Untermenü das entsprechende Menü auf oberer Ebene verlässt.


Zur Lösung des Problems kann man zum einen mit Hilfe von JavaScript leicht eine bewusste Verzögerung des Menüs einbauen:

See the Pen Pastejacking #2 by David Vielhuber (@vielhuber) on CodePen.

Zum anderen kann man zu ausgereiften Plugins wie jQuery-menu-aim greifen, die sogar die Mauszeigerbewegungsrichtung auswerten.

Zurück