Diseño centrado en el ser humano para agentes

El diseño de una excelente experiencia de agente va más allá de la creación del aviso correcto. Significa crear un sistema de interacción completo en el que cada superficie, respuesta y estado de fallo trabajan en conjunto para apoyar al usuario. En este artículo se presentan las herramientas de diseño y los principios que le ayudan a hacerlo, desde los componentes de la interfaz de usuario de Fluent que proporcionan coherencia visual a los patrones de diseño del ciclo de vida que mantienen a los usuarios seguros de la primera interacción a la recuperación de errores.

Interfaz de usuario de Fluent

Banner que representa la interfaz de usuario de Fluent para el diseño del agente.

Fluent UI proporciona la base visual y de comportamiento para los agentes. Sus componentes son reutilizables y accesibles. Al diseñar con fluent UI, está trabajando en un sistema que ya está alineado con el lenguaje visual de Microsoft. Esto significa menos sobrecarga de personalización y más coherencia para los usuarios en todo el ecosistema de Microsoft 365.

  • Diseña con uniformidad y coherencia. Use controles de interfaz de usuario de Fluent para mantener la alineación visual y de comportamiento entre los agentes de Microsoft y el ecosistema de Microsoft 365 Copilot más amplio. Cuando los usuarios se mueven entre agentes, los componentes conocidos reducen la carga cognitiva y crean confianza.

  • Diseño para accesibilidad y capacidad de respuesta. Use los componentes de Fluent UI React v9. La versión 9 ofrece compatibilidad mejorada de accesibilidad, comportamiento dinámico y mejor rendimiento en comparación con versiones anteriores. Para un público de diseñadores, esto significa que los diseños se adaptan correctamente a distintos tamaños de pantalla y métodos de entrada, sin necesidad de anulaciones personalizadas.

  • Diseño para la selección y personalización de componentes. La biblioteca Fluent UI Web Components es su referencia principal sobre los patrones disponibles. Incluye botones de alternancia, botones compuestos, diálogos, menús, pestañas y primitivos relacionados. Empiece por estos patrones antes de introducir componentes personalizados.

  • Diseño para el rendimiento y la optimización. Minimice el tamaño de la agrupación a través del uso intencional de componentes. Evite anulaciones innecesarias. Confíe en el sistema de temas y tokens de Fluent para la personalización visual, en lugar de usar estilos codificados de forma rígida; esto mantiene la coherencia de su agente con futuras actualizaciones de la plataforma.

Principios importantes para los agentes

Al diseñar agentes, es importante que sean confiables, honestos sobre su naturaleza y diseñados con reconocimiento de su impacto más amplio. Tres principios básicos pueden ayudar a guiar sus decisiones de diseño. Los agentes deben ser:

  • Diseñado con intención. Los agentes ayudan al usuario, no sustituyen su criterio. Es importante comunicar claramente las funcionalidades y limitaciones, mantener editables las salidas y proporcionar controles visibles para el refinamiento y interacciones de diseño que refuerzan la propiedad del usuario. En la práctica, este principio significa usar expresiones como "Resumir con Copilot" en lugar de "Copilot, resume", manteniendo al usuario como quien inicia la acción.

  • Se diferencian de los humanos. Los agentes generan respuestas; no piensan ni sienten. Use lenguaje neutro y orientado a la tecnología. Evite un planteamiento emocional o humano. Mantenga el tono transparente y centrado en tareas. Evite palabras como "entender", "pensar" o "sentir"; use palabras como "proceso" o "analizar" en su lugar.

  • Resistente a los sesgos. Los resultados del agente pueden afectar a más personas que al usuario principal. Diseñar con reconocimiento de cómo se puede compartir o reutilizar el contenido. Anticipe los riesgos e incluya mecanismos para la revisión y corrección. Pregunte a su equipo: ¿Quién más podría ver este resultado o actuar en función de él? ¿Cuáles son las consecuencias no deseadas si se produce un error en el agente o se usa incorrectamente?

Para obtener instrucciones adicionales sobre el diseño responsable del agente, consulte el artículo Cuando la inteligencia artificial se une al equipo: Tres principios para el diseño responsable del agente.

Diseño en todo el ciclo de vida

Diseñe experiencias de agente como sistemas de interacción completos, no avisos aislados. Cada agente debe admitir el recorrido completo del usuario, desde la primera exposición y la configuración de expectativas, a través de la colaboración activa, a la corrección y recuperación cuando las salidas son imperfectas. El diseño en estas fases garantiza la claridad, la confianza y la facilidad de uso sostenida.

Experiencia de primer uso

La primera interacción establece el tono de toda la relación del agente. Cuando los usuarios acceden al agente para la primera ejecución:

  • Comunique claramente para qué está diseñado. Proporcione indicaciones de ejemplo, casos de uso comunes y puntos de entrada visibles que guían a los usuarios hacia tareas significativas.
  • Establezca expectativas sobre la calidad de los resultados. Aclarar que las respuestas pueden variar y que las salidas pueden requerir revisión o refinamiento. Evite exagerar la capacidad.
  • Reduzca la ambigüedad y fomente la exploración. La transparencia temprana crea confianza, reduce el uso indebido y ayuda a los usuarios a formar modelos mentales precisos de cómo funciona el sistema.

Durante la interacción

Mientras que los usuarios trabajan activamente con el agente:

  • Alinee con los patrones de aplicación establecidos. Los controles, el diseño y la terminología deben ser coherentes con el entorno del producto circundante.
  • Admite el refinamiento iterativo. Los usuarios deben poder ajustar las instrucciones, delimitar el alcance, solicitar aclaraciones o editar directamente el contenido generado. La interacción debe sentirse colaborativa en lugar de transaccional.
  • Muestra el contenido cuando sea relevante. Si el agente se basa en archivos, selecciones o orígenes de datos específicos, identifique esa información claramente. Mantener la capacidad de respuesta, la accesibilidad y el comportamiento predecible es esencial para mantener la confianza del usuario.

Cuando el sistema es incorrecto

Las salidas del agente ocasionalmente están incompletas, inexactas o mal alineadas con la intención:

  • Proporcionar caminos de corrección claros y eficientes. Los usuarios deben poder regenerar las respuestas, revisar las solicitudes o editar manualmente las salidas sin fricción. Evite forzar a los usuarios a reiniciar los flujos de trabajo.
  • Mostrar señales contextuales. Cuando proceda, proporcione datos o suposiciones a los que se hace referencia para ayudar a los usuarios a comprender por qué se generó una respuesta. La transparencia y la capacidad de recuperación refuerzan el control del usuario y evitan la frustración.

Contenido relacionado

  • Last updated on