Vous cherchez des alternatives ou des améliorations à des listes déroulantes/menus sur les sites

Question

listes déroulantes, menus et boîtes combo sont tous les éléments d'interface utilisateur très commun. Les utilisateurs ont l'habitude de voir ces éléments dans des applications natives et parfois des applications web, mais il y a quelques problèmes avec eux.

1. Vous devez viser la souris. Certains menus s'effondrent lorsque vous quittez la souris et certains ont des sous-menus que vous devez viser pour développer.

2. Vous ne pouvez pas voir les options sans viser la souris d'abord.

Ce sont les principales choses qui me dérangent, peut-être que d'autres personnes remarquent d'autres problèmes. Normalement, je n'utilise pas du tout les menus déroulants si je peux l'aider.

Le problème est que je veux parfois présenter une longue liste d'options dans un espace limité. Le numéro 2 est un sacrifice que je suis prêt à faire, mais je veux savoir si quelqu'un a des astuces pour rendre ces menus déroulants plus faciles à utiliser. Peut-être que quelqu'un a inventé un nouveau style de contrôle de liste.

Je suis sûr que si ces types de contrôles me dérangent, ils dérangent les utilisateurs de mon site plus.

Answer 1

Vous pouvez essayer quelque chose comme Mac OS/X a pour sa barre des tâches, similaire à la barre de sélection sur YouTube. Je pense que le terme commun est une barre à bulles dans laquelle les petites images s'animent au fur et à mesure que la souris les survole, mais rétrécissent à une taille telle que tous les éléments sont visibles lorsque la souris n'est pas au-dessus du contrôle.

Answer 2

Hmm ... une autre chose qui m'agace dans la liste déroulante est l'impossibilité de contrôler leur largeur lorsqu'elle se développe avec le texte (ou est-ce quelque chose dont je ne suis pas au courant?). Pour une alternative, je pense à un petit popup qui affiche initialement une liste d'options disponibles sous forme d'index alphabétique et lorsque l'utilisateur clique sur un lien alphabétique, il affiche les options pertinentes à sélectionner. Cela réduira les options à sélectionner.

Dans les mêmes conditions, nous pouvons utiliser ajax pour construire les options à la volée comme utilisateur tape.

Answer 3

@Nrj largeur gardera l'effondrement = « 20px » déroulant à une largeur de 20px. Le problème est, Inernet Explorer montre l'élément développé avec cette largeur aussi, tandis que tous les autres navigateurs que j'ai rencontrés jusqu'ici vous montrera le menu complet.