Quel est le meilleur emplacement du compteur de caractères par rapport au champ de texte?
Je souhaite afficher un nombre de caractères à côté d'un champ de texte sur plusieurs lignes. Vous recherchez des résultats de recherche ou de test d'utilisabilité concernant l'emplacement de ce nombre de caractères par rapport au champ (la photo montre les principales options).
En bas à droite ressemble à l'approche la plus courante sur le Web, mais est-elle la plus utilisable?
Notez que le libellé du champ se trouvera à gauche du champ par défaut, mais déplacez-le en réponse au-dessus du champ sur des écrans plus petits.
La pratique courante semble être de l'ajouter ci-dessous. Voir par exemple les boîtes de commentaires sur n'importe quel site Stackexchange ou Twitter .
La partie importante à mon humble avis est que le numéro est visible pour l'utilisateur lorsque les informations sont pertinentes. Par exemple. si votre champ de saisie est grand et passe en dessous du pli, mais que vous souhaitez donner à l'utilisateur des commentaires pour ajouter au moins 15 caractères (comme le fait Stackexchange), il est préférable de le placer en haut.
Au contraire, si vous souhaitez afficher le nombre maximum de caractères autorisés, il ne sert à rien de l'afficher en haut s'il y a une chance que l'utilisateur ne puisse plus le voir lorsqu'il a entré le montant maximum. Ceci est particulièrement critique sur les petits écrans.
Comme commentaire supplémentaire, il peut être judicieux de modifier la couleur de la police, par ex. au rouge, dès que l'utilisateur atteint la limite (encore une fois, Twitter le fait). Le changement de couleur est un signal clair pour l'utilisateur que quelque chose ne va pas.
Le bas est certainement le moyen le plus courant que je l'ai vu affiché, et gauche/droite dépend probablement juste de l'emplacement de vos boutons de soumission/sauvegarde, etc.
Vous voulez simplement faire savoir aux gens quand ils sont sur le point de partir, ou s'ils sont déjà passés. S'ils sont passés, vous voulez leur faire savoir de combien ils ont besoin pour le réduire.
À cet égard, je pense:
Changer la couleur de la police du texte saisi (rouge) et la couleur de la police du nombre de caractères est une meilleure solution que de simplement désactiver la saisie une fois la limite atteinte. Cela résout le problème de placement, en particulier sur un petit écran, car le pire des cas est que l'utilisateur ne voit que le champ de saisie et non la limite de caractères - il verra toujours la couleur changer immédiatement et réalisera qu'il est proche ou supérieur à la limite.
La mise en gras ou l'accentuation du nombre de caractères restant par rapport au texte "caractères restants" est la meilleure façon d'attirer suffisamment l'attention sur la limite de caractères en mouvement avant qu'un utilisateur ne commence la saisie.
J'aime l'idée de montrer des caractères négatifs lorsque l'utilisateur passe pour qu'ils puissent revenir en arrière et trouver des caractères à supprimer ou à raccourcir, sachant exactement combien ils ont besoin de le réduire.