web-dev-qa-db-fra.com

Bouton changeant son texte et son action. Bon ou terrible?

enter image description here Après que l'utilisateur enregistre pour un événement (il va au panier et paie, etc.) la prochaine fois qu'il visite la page, l'événement pour qu'il a enregistré maintenant montre un bouton moins souligné Unregister , qui fait exactement le contraire de ce qu'il a fait jusqu'à ce que l'événement soit acheté.

Est-ce une bonne pratique que le même bouton change de fonction ou est-ce mauvais et déroutant?

Mise à jour:
Si cela aide quelqu'un, je suis allé avec cette mise en page: enter image description here

40
Dennis Novac

Vous pouvez modifier le bouton pour refléter la seule action disponible, mais séparer l'affichage de l'état.

Vous avez remplacé le libellé du bouton par la seule action disponible: l'annulation (désinscription).

Là où cela commence à devenir un peu déroutant, vous avez une coche à côté de l'étiquette du bouton.

Une approche consiste à les séparer. Séparez le statut "Vous assistez" de l'action.

Étant donné que l'action principale lors de l'analyse de la liste est Register, vous pouvez rendre le bouton Unregister plus subtil.

enter image description here

Selon les objectifs de l'entreprise, si vous avez besoin de ne pas insister sur l'acte de désinscription, vous pouvez peut-être faire un lien subtil.

enter image description here

Cet exemple met l'accent sur l'état actuel 'Attending' afin qu'il soit clair en un coup d'œil.

Cela utilise également un langage distinct pour différencier plus clairement l'état de l'action.

74
Mike M

Je garderais le style général du bouton, pour être cohérent. Cependant, je pense que la chose la plus importante est de confirmer que vous vous êtes enregistré et que cet état ne doit pas être confondu avec le fait de ne pas être enregistré, sauf pour "Un". Étant donné que l'important est que vous vous soyez déjà enregistré, je mettrais cela en haut, avec le bouton de désenregistrement en dessous. Le fait d'avoir un style plus léger rend également moins probable qu'une lecture rapide le confondrait avec le besoin de s'inscrire. Comme ça:

Suggested layout

10
Nick Gammon

À titre de comparaison, les sites de médias sociaux ont généralement quelque chose comme ce bouton pour suivre/ne pas suivre.

Quelques exemples:

  • Tumblr:

    Follow / Unfollow

  • Reddit:

    subscribe / unsubscribe

  • Twitter:

    Follow / Following / Unfollow

  • Youtube:

    Subscribe / Subscribed / Unsubscribe

  • Facebook:

    Follow / Following / Following with dropdown menu where "Unfollow this page" is one of the menu items

6
ahiijny

Ne le "mettez pas moins en valeur" sauf si c'est une exigence!

Ne compromettez pas l'expérience de vos utilisateurs en faveur de décourager une action!

Ce sont deux boutons différents avec deux fonctionnalités différentes qui sont ÉGALEMENT importantes pour les utilisateurs.

Apparemment, les utilisateurs devraient pouvoir s'inscrire et se désinscrire . De même, je peux acheter sur Amazon et je peux faire un retour ou annuler une commande . Bien qu'Amazon préfère moins de retours/annulations, ils font/ne devraient pas faire le Retour/Annuler boutons confus et moins accessibles.

* Moins d'accentuation ne signifie pas une confusion pour l'utilisateur et rend la tâche difficile à réaliser.

* Il n'y a rien de mal à ce que le bouton "Annuler l'enregistrement" remplace le bouton "Enregistrer".

Recommandations:

  • Montrez quelque chose comme étiquette "Déjà enregistré" (avec la coche peut-être) pour les utilisateurs qui sont déjà enregistrés et reviennent pour revoir la page.
  • Affichez le bouton "Annuler l'enregistrement" en bleu tout comme le bouton "Enregistrer" et supprimez la coche que vous avez ajoutée à côté de "Annuler l'enregistrement".

Maintenant, si la suppression de l'accent sur la tâche "Annuler l'enregistrement" est une exigence:

Voir les suggestions dans les sections de mise à jour ci-dessous .

MISE À JOUR (1):

Je viens de remarquer la réponse de Mike (je pense qu'elle a été publiée quelques minutes avant la mienne). Je fais écho à son idée: "En fonction des objectifs de l'entreprise, si vous avez besoin de sous-estimer l'acte de désinscription, vous pouvez peut-être faire un lien subtil".

FIN DE MISE À JOUR (1)


MISE À JOUR (2):

Cette mise à jour vise à suggérer une amélioration de la conception basée sur la mise à jour OP et d'autres réponses:

enter image description here

FIN DE MISE À JOUR (2).

4
Mo'ath