Alternative au défilement de l'écran de l'utilisateur lorsqu'il clique sur l'entrée pour que nous puissions faire de la place aux info-bulles?
Nous avons un formulaire dans notre application Web qui permet aux utilisateurs de créer une liste de "cartes". Notre système affiche dynamiquement des info-bulles pour les aider à saisir des informations de haute qualité. Un exemple simplifié pourrait être la saisie de noms et d'adresses où notre système demande à l'utilisateur de vérifier qu'ils ont le nom correct. L'info-bulle doit s'afficher au-dessus de la carte car nous ne voulons pas couvrir le contenu de la carte.
Le problème que nous avons est de faire de la place pour afficher les info-bulles lorsque la carte est presque en haut de l'écran:
Notre solution actuelle consiste à faire défiler la carte vers le bas à un endroit prévisible sur l'écran afin que nous ayons de la place pour les info-bulles au-dessus de la carte. Cependant, cela ressemble à une mauvaise UX, nous déplaçons une entrée sur l'écran au moment où l'utilisateur est sur le point de la saisir.
Est-ce une mauvaise pratique? Y a-t-il des alternatives évidentes qui nous manquent?
Tout d'abord, je vous suggère lire cet article pour voir si aller avec des info-bulles est même la bonne direction.
Les info-bulles ne sont censées être révélées que lorsque le curseur survole.
Deuxièmement, vous ne devriez pas faire défiler la page, sauf si c'est après la soumission du formulaire et que ce sont des erreurs?
Si ces info-bulles sont pertinentes alors que l'utilisateur se concentre sur ce champ, il serait préférable de simplement l'inclure au-dessus du texte:
Je peux penser à quelques solutions possibles:
- afficher les messages en ligne sous les champs de saisie
- placer une barre "collante" en haut de la page qui apparaît lorsque l'utilisateur fait défiler vers le bas et n'affiche que les info-bulles
- placer l'info-bulle à côté des entrées peut fonctionner, sauf dans les petits appareils où peut-être qu'une icône d'infobulle, comme un point d'interrogation, peut apparaître et glisser lorsque l'utilisateur appuie dessus