web-dev-qa-db-fra.com

Comment dois-je indiquer qu'un élément répond au clic de l'utilisateur?

J'ai une liste de personnes que l'utilisateur souhaite contacter. Ils peuvent "Marquer comme terminé" lorsqu'ils ont établi le contact (puis il passe à leur liste de suivi 3 jours plus tard). L'affichage du bouton "Marquer comme terminé" fait apparaître la liste très longue et tombe de la page, je l'ai donc cachée par défaut et ne l'affiche que lorsque l'utilisateur clique sur le contact.

Hier, en observant un utilisateur interagir avec la liste, il ne s'est pas rendu compte qu'il pouvait cliquer sur un contact pour le marquer comme terminé.

Quelle est la meilleure façon d'indiquer qu'ils peuvent marquer comme terminés en cliquant sur le contact? Ou un bouton/lien "marquer comme terminé" devrait-il être affiché par défaut?

enter image description here

6
kwh941

N'oubliez pas que vos utilisateurs ne savent pas toujours quelle est l'action attendue, sauf si cela leur est très évident. Par conséquent, les obliger à découvrir une fonctionnalité cachée en la survolant est une mauvaise expérience utilisateur car la plupart des gens pourraient ne pas en être conscients.

J'en ai rencontré un exemple aujourd'hui lors d'une modification d'événement dans Eventbrite. Eventbrite utilise l'édition en ligne pour sa ligne d'objet qui est activée lorsque vous cliquez dessus. Pour leur donner du crédit, ils mettent en surbrillance la ligne lorsque l'utilisateur la survole, comme illustré ci-dessous, mais ce n'est pas intuitif car j'ai passé environ 20 minutes à essayer de comprendre comment changer la ligne d'objet.

enter image description here

Par conséquent, je recommanderais d'utiliser un simple lien texte ou une case à cocher pour informer vos utilisateurs de l'action qui peut être effectuée car les utilisateurs n'ont pas à rechercher la fonctionnalité et avoir une action simple à effectuer rend la prochaine étape de leur chemin claire. Voici un exemple d'astrid le fait:

enter image description here

5
Mervin

Les sites Web comme gmail changent le curseur lorsque vous survolez des éléments sur lesquels vous pouvez cliquer, comme n'importe quelle URL sur cette page. Vous pouvez le faire ou vous pouvez ajouter une case à cocher à côté de chaque nom qui remplirait la même fonction que le bouton Marquer comme terminé.

2
ScottK

J'aime l'idée de la case à cocher I, en fait, une fonctionnalité que vous pouvez placer est une fois que l'utilisateur coche une case, puis un bouton de marque comme terminé apparaît en haut à un endroit cohérent. Si votre utilisateur souhaite marquer 15 éléments comme terminés, il peut être ennuyeux de devoir cliquer sur le nom et de cliquer à chaque fois sur le bouton "Marquer comme terminé". Ici, vous pouvez les faire cocher les éléments qu'ils souhaitent marquer comme terminés, puis cliquer sur le bouton Marquer comme terminé pour confirmer.

1
astarnino