it-swarm-es.com

Botón que cambia su texto y acción. Bueno o terrible?

enter image description here Después de que el usuario se registre para un evento (va al carrito y paga, etc.) la próxima vez que visite la página, el evento para que él registró ahora muestra un botón menos anulado Anular registro , que hace exactamente lo contrario de lo que hizo hasta que se compró el evento.

¿Es una buena práctica hacer que el mismo botón cambie su función o es malo y confuso?

Actualización:
Si ayuda a alguien, elegí este diseño: enter image description here

40
Dennis Novac

Puede cambiar el botón para reflejar la única acción disponible, pero separe la visualización del estado.

Ha reemplazado la etiqueta del botón con la única acción disponible: revertir (anular el registro).

Donde comienza a ser un poco confuso es que tiene una marca de verificación junto a la etiqueta del botón.

Un enfoque es separarlos. Separe el estado 'Está asistiendo' de la acción.

Dado que la acción principal al escanear la lista es Register, puede hacer que el botón Unregister sea más sutil.

enter image description here

Dependiendo de los objetivos del negocio, si necesita desestimar el acto de cancelar el registro, tal vez pueda hacer un enlace sutil.

enter image description here

Este ejemplo enfatiza el estado actual 'Asistir' por lo que está claro de un vistazo.

Esto también usa un lenguaje distinto para diferenciar más claramente el estado de la acción.

74
Mike M

Mantendría el estilo general del botón, para ser coherente. Sin embargo, creo que lo más importante es confirmar que se ha registrado, y que este estado no debe ser confusamente similar a no estar registrado, a excepción de "Un". Como lo importante es que ya se ha registrado, lo pondría en la parte superior, con el botón para cancelar el registro debajo. Tener un estilo más ligero también hace que sea menos probable que una lectura rápida lo confunda con la necesidad de registrarse. Me gusta esto:

Suggested layout

10
Nick Gammon

A modo de comparación, los sitios de redes sociales generalmente tienen algo como ese botón para seguir/dejar de seguir.

Algunos ejemplos:

  • Tumblr:

    Follow / Unfollow

  • Reddit:

    subscribe / unsubscribe

  • Gorjeo:

    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

¡No lo "enfatices menos" a menos que sea un requisito!

¡No ponga en peligro la experiencia de sus usuarios a favor de desalentar una acción!

Estos son dos botones diferentes con dos funcionalidades diferentes que son IGUALMENTE importantes para los usuarios.

Aparentemente, los usuarios deberían poder Registrarse y Anular registro . De manera similar, puedo comprar en Amazon y puedo hacer una devolución o cancelar un pedido . Aunque Amazon preferiría que se produjeran menos devoluciones/cancelaciones, ellas hacen/no deben hacer la Devolución/Cancelar botones confusos y menos accesibles.

* Menos énfasis no significa significa confundir al usuario y hacer que la tarea sea difícil de lograr.

* No hay nada de malo en que el botón "Anular registro" reemplace el botón "Registrar".

Recomendaciones:

  • Muestre algo como etiqueta "Ya registrado" (con la marca de verificación tal vez) para los usuarios que ya están registrados y que vuelven a visitar la página.
  • Muestre el botón "Anular registro" en azul al igual que el botón "Registrar" y eliminar la marca de verificación que agregó junto a "Anular registro".

Ahora, si poner énfasis en la tarea "Anular registro" es un requisito:

Consulte las sugerencias en las secciones de actualización a continuación .

ACTUALIZACIÓN (1):

Acabo de notar la respuesta de Mike (creo que fue publicada un par de minutos antes que la mía). Me hago eco de su idea: "Dependiendo de los objetivos de la empresa, si necesita enfatizar el acto de cancelar el registro, tal vez pueda hacer un enlace sutil".

FIN DE LA ACTUALIZACIÓN (1)


ACTUALIZACIÓN (2):

Esta actualización es para sugerir una mejora de diseño basada en la actualización de OP y otras respuestas:

enter image description here

FIN DE LA ACTUALIZACIÓN (2).

4
Mo'ath