Cuando poner un botón
Los botones del sistema se deben utilizar en aquellas “acciones” que queremos que el usuario ejecute.
Ejemplos de acciones posibles:
- Enviar
- Buscar
- Descargar fichero
- Subir fichero
- Confirmar
- Llamar / enviar mensaje
- Guardar
Ejemplos de uso de botones y links
Tenemos un agente de IA y en las respuestas ofrecemos dos tipos de contenido parametrizado. Por ejemplo si la respuesta continue un número de teléfono, ofrecemos un link para que el usuario pueda iniciar la llamada.
Por otro lado, si detectamos un link en el knowledge base, podemos añadir un botón para seguir a ese enlace.
Estos dos ejemplos muestran como el botón en un contexto de conversación es más visible y fácil de resaltar frente al link. El link en un contacto de mucho texto puede ser confuso.
Ver ejemplo de agente de IA para tu página web. Crear un agente de IA para tu página web.
Titulo del fichero
Botón para descargar los ficheros fuera un botón del sistema etiquetado correctamente (“descarga este fichero”). Debajo del botón podemos indicar que va a pasar (si el usuario va a una nueva página, cuanto pesa el fichero, formato, etc…).
Cuando poner enlaces
Los enlaces los debemos utilizar para vincular ficheros HTML. Es decir, el usuario va a ir a otra página web.
El formato de enlaces ha de ser claro y debe indicar que vamos a ver, evitando los “pincha aquí”, “más información”, etc…
El problema de poner bajo enlaces “acciones” que no son ver otras páginas web es que pueden confundir al usuario.
Si tenemos el formato anterior:
Titulo del fichero
Descarga fichero.
Debajo podemos indicar que va a pasar (si el usuario va a una nueva página, cuanto pesa el fichero, formato, etc…).
Uno podría adivinar que se va a bajar el fichero, pero se podría pensar que uno va a ir a la página de descargas.
Los botones no crean confusión frente a los enlaces para lo que hemos denominado como “acciones”.