web-dev-qa-db-fra.com

Inviter l'utilisateur à modifier un champ de modification en ligne

Contexte

Utilisation d'un champ d'édition sur place pour que les utilisateurs fournissent leur nom.

Problème

L'expression "Tapez votre nom" indique impérativement que les utilisateurs peuvent (et devraient!) Taper leur nom. Cependant, sauf si le champ d'édition sur place est d'abord cliqué, la saisie d'un nom n'affecte rien.

L'expression "Cliquez ici pour modifier votre nom", bien qu'un peu verbeuse, devient moins appropriée car les gens ne "cliquent" plus mais touchent avec un doigt.

Question

Quelle est la bonne façon d'inviter les utilisateurs à taper leur nom dans un champ de modification sur place?

Des idées

  • Utilisez la technique de fondu jaune sur le champ qu'un utilisateur peut modifier.
  • Utilisez l'expression "cliquez ici" et continuez votre vie.
  • Utilisez "Votre nom" et espérez qu'ils obtiennent un indice.
  • Utilisez un glissant ou une infobulle qui s'estompe?

Le contexte

Par exemple, considérez l'écran suivant:

Example Context

Les utilisateurs n'ont pas à changer "Utilisateur inconnu" (leur nom), mais ils peuvent le personnaliser si vous le souhaitez.

Liens connexes

4
Dave Jarvis

Je recommande d'utiliser le vol stationnaire. Pour un élément d'interface utilisateur aussi volumineux, vous pouvez faire apparaître une zone de texte derrière l'élément lorsque vous passez la souris dessus, encourageant les utilisateurs à le voir comme un élément modifiable.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Cela fonctionne bien pour les sites qui ont un "mode d'édition" ou similaire, pour limiter l'activité de survol distrayante lorsque l'utilisateur souhaite apporter des modifications. Il fonctionne mal sans cette contrainte, car le site scintille constamment pendant qu'il déplace sa souris sur des éléments de page modifiables.

3
Myrddin Emrys