Suche nach Alternativen oder Verbesserungen Listen / Menüs auf Websites Dropdown

Question

Drop-Down-Listen, Menüs und Kombinationsfelder sind alle sehr häufig Elemente der Benutzeroberfläche. Nutzer sind daran gewöhnt, diese Elemente in native Anwendungen zu sehen und manchmal Web-Anwendungen, aber es gibt ein paar Probleme mit ihnen.

1. Sie haben die Maus zu zielen. Einige Menüs kollabieren, wenn man mit der Maus aus, und einige haben Untermenüs, die Sie zielen darauf ab, um zu erweitern.

2. Sie können die Optionen sehen, ohne die Maus erstes Ziel.

Dies sind die wichtigsten Dinge, die ich beunruhigt, vielleicht auch andere Menschen als auch andere Probleme bemerken. Ich normalerweise nicht Drop-Down-Menüs überhaupt verwenden, wenn ich es vermeiden kann.

Das Problem ist, dass ich manchmal eine lange Liste von Optionen in begrenztem Raum präsentieren will. Ausgabe 2 ist ein Opfer, ich bin bereit zu machen, aber ich will wissen, ob jemand irgendwelche Tricks hat diese Drop-Menüs leichter zu bedienen. Vielleicht erfand jemand hat einen neuen Stil der Listensteuerung.

Ich bin sicher, dass, wenn diese Art von Kontrollen mich ärgern, dann sie Nutzer von meiner Seite nerven mehr.

Answer 1

Sie könnten versuchen, so etwas wie Mac OS / X für die Taskleiste hat, ähnlich wie die Auswahlleiste in YouTube. Ich denke, dass der gemeinsame Begriff eine Blase Bar ist, wo kleine Bilder animieren größer, wenn die Maus über sie, aber schrumpfen wieder nach unten auf eine solche Größe, dass alle Einzelteile sind sichtbar, wenn die Maus nicht über die Kontrolle ist.

Answer 2

Hmm..one weitere Sache, die mich über die Drop-Down-Liste ärgert ist die Unfähigkeit, ihre Breite zu steuern, wie es mit dem Text erweitert (oder ist sie etwas, was ich bin nicht bewusst?).

Für eine alternative, denke ich über ein kleines Pop-up, die zunächst eine Liste der verfügbaren Optionen in Form von alphabetischen Index und wenn der Benutzer klickt auf ein Alphabet Link, zeigt es die entsprechenden Optionen zur Auswahl. Dadurch werden die Optionen reduzieren zur Auswahl.

Zu den gleichen Bedingungen können wir Ajax verwenden, um die Optionen auf der Fliege als Benutzer in zu bauen.

Answer 3

@Nrj width = ‚20px‘ wird die kollabierte Tropfen auf einer Breite von 20px halten. Das Problem ist, Inernet Explorer zeigt die gespreizte Position mit dieser Breite auch, während alle anderen Browsern die ich bisher getroffen werden Sie das volle Menü.