Estados de la interfaz de usuario agentes: cómo mostrar el pensamiento, las llamadas de herramientas y el progreso de la IA

Por qué las ejecuciones de agentes necesitan sus propios estados

Una solicitud clásica tiene dos estados visibles: cargando y listo. La ejecución de un agente de IA es diferente. Puede tardar segundos o minutos, pasa por varios pasos, como buscar, leer archivos o llamar a una API, y puede tomar acciones con consecuencias. La investigación sobre el tiempo de respuesta de Nielsen Norman Group todavía se aplica: aproximadamente 0,1 segundos se siente instantáneo, aproximadamente 1 segundo mantiene el flujo del pensamiento y, después de aproximadamente 10 segundos, la gente necesita retroalimentación sobre lo que está sucediendo y aproximadamente cuánto tiempo tomará. La mayoría de los agentes administran terrenos en ese último grupo.

Los estados a diseñar

Diseñe cada uno de estos como su propio estado con su propia apariencia y palabras, no como una sola ruleta:

• Recibido: confirma la solicitud al instante (menos de 0,1 s), por ejemplo mostrando el mensaje en el hilo.
• Pensamiento: un indicador de calma cerca de donde aparecerá la respuesta. Evite porcentajes de progreso falsos.
• Llamada a la herramienta: nombre el paso en palabras sencillas ("Buscar en los documentos", "Leer 3 archivos"), con un recuento si lo sabe.
• Esperando aprobación: una pausa clara cuando el agente necesita permiso antes de actuar.
• Streaming: muestra la salida a medida que llega; detenga el indicador de pensamiento tan pronto como comience el texto.
• Listo: un breve resumen de lo que cambió, con posibilidad de deshacer cuando sea posible.
• Detenido y fallido: diga qué sucedió, qué se mantuvo y cómo volver a intentarlo.

Muestre el plan, no el registro sin formato

Los registros largos de llamadas a herramientas son útiles para la depuración, pero abrumadores para la mayoría de los usuarios. Un buen valor predeterminado es un estado de una línea para el paso actual, además de una lista contraída de pasos completados que las personas pueden expandir. Los desarrolladores y usuarios avanzados pueden abrir los detalles; todos los demás ven el progreso en un lenguaje sencillo. Protocolos como AG-UI, un estándar abierto basado en eventos para conectar agentes a aplicaciones orientadas al usuario, existen en parte para que las interfaces puedan recibir estos eventos de pasos de manera consistente.

Control y confianza

La gente confía más en los agentes cuando mantienen el control. Mantenga un botón de parada visible durante todo el recorrido. Pide confirmación antes de acciones irreversibles como enviar, pagar o eliminar, y muestra exactamente lo que sucederá. Después de la ejecución, facilite deshacer, editar o volver a intentar un solo paso en lugar de empezar de nuevo.

Moción para estados agentes

El movimiento es una señal fuerte de que "algo está sucediendo", pero los bucles se cansan en recorridos largos. Utilice un bucle suave y de bajo contraste para pensar, un cambio distintivo cuando comienza una llamada de herramienta y una solución clara cuando finaliza la ejecución. Respete la configuración de movimiento reducido intercambiando el movimiento por un cambio sutil de opacidad. Los asistentes de voz suelen utilizar una esfera animada con estados de inactividad, escucha, pensamiento y habla claramente diferentes.