web-dev-qa-db-fra.com

Infobulles au-dessus ou en dessous du champ de saisie?

Dans Bootstrap et autres frameworks, vous pouvez créer et concevoir votre propre info-bulle au lieu d'utiliser la balise de titre habituelle. Vous êtes également libre de placer cette info-bulle au-dessus, en dessous, à gauche ou à droite de la zone de saisie de texte.

Pour plusieurs raisons (loupes d'écran, focus visuel de l'utilisateur, etc.), il n'y a aucune raison de placer l'info-bulle à gauche ou à droite d'une zone de saisie.

Alors, où placer l'info-bulle? Au-dessus ou en dessous de la zone de saisie?

Pourrait me fournir quelques avantages et inconvénients sur ces deux options: ci-dessus ou ci-dessous.

2
Ilias Bennani

Cela dépend en grande partie de la disposition de votre page. Placer des info-bulles au-dessus de l'élément en question est un endroit courant, avec une justification étant que l'utilisateur travaille de manière linéaire et a déjà terminé ce qui est au-dessus et ne risque pas d'être dérangé s'il est couvert par une info-bulle ... mais cela peut s'appliquer ou non dans votre cas.

J'ai récemment essayé d'utiliser des info-bulles qui apparaissent dans une barre latérale à droite de la page qui est principalement dédiée à cette tâche: chaque astuce apparaît une à la fois lorsque l'utilisateur interagit avec un élément, mais l'astuce ne couvre rien sur la page. Il donne également à l'utilisateur la possibilité d'ouvrir un modal avec encore plus d'informations s'il en a besoin. Cela a été TRÈS bien testé pour nous, mais il complète le flux plus semblable à un assistant que nous avons conçu, plutôt que de donner à l'utilisateur un seul grand formulaire.

Gardez à l'esprit que la chose la plus importante à vérifier est que le contenu lui-même est utile - l'utilisateur se concentrera sur votre domaine pour la plupart, donc tant que l'infobulle prend en charge sa tâche immédiate de remplir ce champ (et ne le fait pas). ne gêne pas), ça devrait aller.

FWIW, je ne suis pas sûr d'avoir vu des infobulles apparaître en dessous des éléments du formulaire ... cet espace est souvent réservé aux messages de validation en ligne, et vous ne voudriez pas risquer de les cacher

2
Mattynabib