Recherche d'alternatives ou d'améliorations pour faire défiler des listes / menus sur des sites Web

Question

Les listes déroulantes, les menus et les listes déroulantes sont tous des éléments d’interface utilisateur très courants. Les utilisateurs sont habitués à voir ces éléments dans des applications natives et parfois des applications Web, mais ils présentent quelques problèmes.

1. Vous devez viser la souris. Certains menus se réduisent lorsque vous passez la souris et certains comportent des sous-menus que vous devez viser pour les développer.

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

Ce sont les principaux problèmes qui me préoccupent. Peut-être que d’autres personnes remarquent également 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 souhaite 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 m'ennuient, ils ennuient davantage les utilisateurs de mon site.

Answer 1

Vous pouvez essayer quelque chose comme Mac OS / X pour sa barre des tâches, semblable à la barre de sélection de YouTube. Je pense que le terme courant est une barre à bulles où les petites images s'animent plus grandes lorsque la souris les survole, mais réduisent à une taille telle que tous les éléments sont visibles lorsque la souris ne survole pas le contrôle.

Answer 2

Hmm..une autre chose qui me gêne à propos de la liste déroulante est l'incapacité de contrôler leur largeur lorsqu'elle se dilate avec le texte (ou est-ce quelque chose dont je ne suis pas au courant?).

Comme alternative, je pense à une petite fenêtre contextuelle qui affiche initialement une liste des options disponibles sous forme d’index alphabétique et lorsque l’utilisateur clique sur un lien d’alphabet, il affiche les options appropriées à sélectionner. Cela réduira le choix des options.

Sur les mêmes termes, nous pouvons utiliser ajax pour créer les options à la volée à la saisie de l'utilisateur.

Answer 3

@Nrj width = '20px' gardera la liste déroulante réduite à une largeur de 20px. Le problème, c’est que Inernet Explorer montre aussi l’élément développé avec cette largeur, alors que tous les autres navigateurs que j’ai rencontrés jusqu’à présent vous montreront le menu complet.