Je lisais ce article sur les trucs et astuces pour Bootstrap 3 et il a une astuce pour une liste déroulante en survol (donc vous n'avez pas à cliquer avant qu'un menu apparaisse) vers le haut).
Dois-je l'activer? Est-ce généralement gênant ou autre chose?
Cela dépend beaucoup du genre de chose sur laquelle vous travaillez.
Par exemple, s'il est principalement ciblé sur mobile, n'activez pas les listes déroulantes en survol. D'un autre côté, dans le cas où votre truc est une application de bureau et que vous avez une bonne raison (comme la complexité, le manque d'utilisateurs mobiles, la vitesse d'utilisation, suffisamment de zone de frappe dans la conception, etc.) - allez-y.
Lorsque vous adoptez une approche Mobile First, votre navigation est déterminée par l'utilisation de votre produit sur un téléphone. Si tel est le cas, les listes déroulantes seraient un mauvais choix. Non seulement les états de vol stationnaire n'existent pas dans le mobile, mais ils augmentent la complexité (généralement inutilement). Cela évolue vers le bureau où, idéalement, vous partageriez la même hiérarchie de navigation sans menus déroulants.
Si vous regardez strictement sur le bureau, les effets de survol sont toujours très valides et pourraient être un outil utile. Cependant, si à l'avenir il existe un potentiel de mobilité, il pourrait être prudent de considérer d'autres options de navigation plus simples.
Enfin, si un client demande des systèmes de navigation complexes, il est de notre devoir en tant qu'UXD de les informer des pièges potentiels de ces choix et de les guider dans une direction plus jumelée.
Si vous créez pour le bureau, vous pouvez l'activer. N'oubliez pas d'y ajouter un peu de retard afin que l'écran de l'utilisateur ne commence pas à afficher des listes sans arrêt en passant rapidement la souris, cela peut être ennuyeux.
Il y a une option pour garder les deux. Certains utilisateurs trouveront très utile d'avoir une fonction de survol, en particulier sur un bureau.
Alors que pour les autres, principalement les utilisateurs de l'écran tactile - Vous pouvez effectuer les ajustements suivants dans votre CSS: https://stackoverflow.com/questions/2851663/how-do-i-simulate-a-hover-with -a-touch-in-touch-enabled-browser
Vous pouvez l'utiliser si vous vous assurez que les utilisateurs tactiles peuvent toujours l'utiliser.
Assurez-vous également que la page ne se rechargera pas lorsque les utilisateurs essaient d'activer la liste déroulante de survol avec un clic. J'ai vu des exemples où les utilisateurs ont essayé de cliquer, ce qui a entraîné le rechargement de la page et n'a entraîné aucune liste déroulante.