Des listes déroulantes plus conviviales avec hoverIntent?
Est-ce une bonne idée d'utiliser hoverIntent (qui introduit un léger retard prévu par le mouvement pour éviter les survols accidentels) pour des listes déroulantes plus conviviales?
http://cherne.net/brian/resources/jquery.hoverIntent.html
Je sais que beaucoup de développeurs CSS l'évitent parce que c'est JS, mais que pensez-vous, concepteurs/utilisateurs, de l'utilisation de hoverIntent?
Je dirais que c'est une action parfaitement raisonnable en termes d'UX - à condition que vous indiquez clairement à l'utilisateur qu'un menu déroulant est disponible, bien sûr.
Si vous ne parvenez pas à le rendre évident, un survol rapide avec la souris ne fournira à l'utilisateur aucun retour visuel en raison du retard, et en tant que tel, l'utilisateur manquera complètement la liste déroulante.
Bien que les listes déroulantes instantanées puissent, naturellement, être plutôt ennuyeuses (c'est-à-dire qu'un grand nombre d'éléments de menu ont des menus déroulants proches les uns des autres), ils fournissent cette rétroaction instantanée à l'utilisateur.
Je ne suis pas contre l'idée de hoverIntent, je le vois réellement améliorer l'UX lorsqu'il est utilisé correctement, mais vous devrez vous assurer que l'utilisateur est conscient que d'autres options sont disponibles.
Une alternative à l'utilisation de hoverIntent est cette méthode utilisée par Amazon:
http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown
Il utilise un algorithme pour déterminer la trajectoire du pointeur de la souris, ce qui signifie que les listes déroulantes peuvent changer sans délai, mais vous pouvez toujours accéder à l'option de sous-menu que vous recherchez.
Comme toutes les autres fonctionnalités, c'est une bonne chose lorsqu'il est appliqué judicieusement.
Il est utilisé pour les info-bulles de toutes les applications , si largement qu'il est devenu un idiome d'interface utilisateur connu. Pour les applications Web, les navigateurs attendent jusqu'à ce que vous ayez garé le pointeur de la souris pendant un court moment avant de vous faire une info-bulle. Les applications de bureau le font également.
plugin jQuery hoverIntent imite ce comportement pour tous les autres effets de survol dans les interfaces utilisateur Web.
Il résout un problème désagréable avec les menus. Voir cet exemple: imaginez que vous voulez imprimer cette page de journal . Le pointeur de votre souris est au centre de la barre de menu la plus haute, sur Susana . Vous le déplacez vers le bas en visant l'icône de l'imprimante et cliquez: vous finissez par consulter la page des nécrologies ("Fúnebres") parce que vous avez survolé brièvement "EDICIÓN IMPRESA" dans la barre de menu bleu clair et ouvert une liste de choix qui couvrait votre cible .
Si la barre de menu bleue avait hoverintent implémentée, cela ne serait pas arrivé.
Notez que cela est particulièrement gênant pour les utilisateurs les plus experts, qui se mueraient rapidement.
Le plugin a un paramètre, un délai d'attente de quelques millisecondes, le temps dont dispose l'utilisateur pour survoler la cible afin que l'action correspondante soit déclenchée.
Si vous choisissez un faible délai, l'interface utilisateur se comporte plus comme la normale, le délai n'est pas perceptible, mais l'utilisateur profiterait des avantages du plugin sans le remarquer, ce qui est BTW à quel point la convivialité doit être bonne.
Je suis surtout convaincu que les planeurs devraient mourir. Il existe certaines utilisations comme l'accès rapide aux menus, comme Google Plus, mais tout ce que les petits mouvements peuvent vous faire planer est tout simplement mauvais. Je préfère cliquer et afficher le menu déroulant.
Vous devrez également créer un modèle de conception différent pour les appareils tactiles.