Como diseñadores web, se nos enseña a priorizar el diseño centrado en las personas. Pero los últimos usuarios de la red no son personas en absoluto: son agentes inteligentes.
Ya sea que se trate de un asistente de voz que navega por su sitio web, un modelo de IA resume su página de productos o un agente autónomo que los libros viajan en nombre de los usuarios, una experiencia digital ya no se crea. solo Para humanos. También se analizan, explican y actúan por AI.
Este cambio es la introducción de una nueva capa a UX: Ax o experiencia proxy.
¿Qué es la experiencia del agente (AX)?
La experiencia del agente es la práctica de diseñar sitios web claros, accesibles y procesables para los agentes de IA, no solo atrayendo a los usuarios humanos.
Piense en Proxy AI como un nuevo tipo de usuario. Estos modelos pueden establecer objetivos, tomar decisiones y realizar tareas de varios pasos en nombre de alguien. Pero a diferencia de los humanos, hacen clic en su interfaz, requieren estructura y señales para comprender lo que está por delante de ellos.
Si su sitio web no es interpretado por un agente, puede ser invisible.
Ejemplos de proxy salvaje ai:
- Robot de viaje Navegar y viajar en libros por múltiples sitios web
- Asistente de compras de IA Ensamblar ropa o hacer sugerencias de productos
- Agente de salud Antes de llenar el formulario del paciente o la cita programada
- GPT personalizado Diseñado para navegar por su sitio web como un usuario de alta velocidad
Estos agentes dependen de patrones legibles por máquina, no solo señales visuales. Están ganando tracción rápidamente.
Diseño de los dos: la intersección de AX y accesibilidad
Aquí está lo interesante: el diseño para IA a menudo se superpone con la accesibilidad de diseño.
¿Por qué? Porque las herramientas de proxy y accesibilidad de IA, como los lectores de pantalla, confían en la estructura, la claridad y los metadatos, no los efectos visuales. HTML semánticojerarquía clara, texto alt y Atributos de aria Sirviendo a dos audiencias.
También puede ayudar a AI a comprenderlo cuando crea un sitio web accesible. viceversa.
Las mejores prácticas para diseñar para AX (y UX con IA)
Desglosemos los conceptos básicos de construir experiencias de AI y accesibilidad.
1. Usando HTML semántico, no solo
s
Etiqueta
,,yDígale a la computadora cuál es cada parte de la página.
Solo un contenedor; Las etiquetas semánticas tienen significado.
Piense en esto:
-
= «existir»
= «Este es un contenido independiente» Esto significa importante para los lectores de pantalla y los agentes de IA que intentan comprender su diseño.
2. Agregar propiedades de aria y DE ACUERDO Texto alternativo
Los caracteres de aria, las etiquetas y las etiquetas históricas ayudan a transmitir un propósito, especialmente cuando el HTML local es insuficiente.
El texto alternativo no solo debe describir lo que es visible, qué debe transmitir Importante. El modelo AI utiliza estos metadatos para construir el contexto.
3. Abrace archivos estructurados, como LLMS.txt
Al igual que robots.txt le dice al rastreador a qué páginas se puede acceder, emergiendo llms.txt Las propuestas ayudan a los modelos de idiomas grandes (LLM) a comprender qué comer y cómo comer.
El archivo llms.txt bien hecho puede aclarar:
- ¿Qué página es amigable?
- El formato que desea indexar
- ¿Qué áreas deben ser excluidas o marcadas para un tratamiento especial?
tenga en cuenta No todos los LLM siguen la guía LLMS.TXT. La implementación de esta estrategia marca su intención y ayuda a su contenido a ayudar a su contenido a medida que estos estándares evolucionan y se vuelven más específicos.
4. Priorizar la jerarquía de títulos
H1, H2, H3 y más allá no es solo una visión. Proporcionan un esquema lógico de su contenido. La estructura del título correcta mejora la navegación del SIDA y ayuda a LLM a resumir o extraer información con precisión.
Evite omitir los niveles (por ejemplo, de H1 a H4) y asegúrese de que cada página tenga un claro
.
5. Evite el contenido clave oculto en JavaScript
Algunos agentes de IA (y lectores de pantalla) todavía están luchando con JavaScript pesado. Si bien los marcos como React o Vue son comunes, asegúrese de representar el contenido más importante (título, copia corporal, CTA clave) en HTML que no se cargará a través de JS más adelante.
6. Marcado del modo de implementación
usar esquema.org El formato (productos, artículos, preguntas frecuentes, etc.) describe su contenido de manera que la máquina pueda analizar rápidamente. Esto no solo mejora el SEO, sino que también ayuda a LLM y BOT a responder consultas de los usuarios con mayor precisión utilizando los datos del sitio web.
Sitio web futuro: por qué ahora es importante
La experiencia de generación de búsqueda de Google (SGE) ya está utilizando IA generativa para resumir el contenido directamente en los resultados de búsqueda. GPTBOT de OpenAI y los rastreadores similares están indexando para redes para su uso en modelos de lenguaje a gran escala. y nuevas regulaciones (p. La Ley AI de la UE) comienza a formarse en torno a la transparencia y el procesamiento de datos.
En este nuevo entorno:
- Los sitios web sin estructura pueden no aparecer en el resumen de IA
- El contenido sin metadatos puede ser tergiversado
- Para los usuarios que confían en la tecnología de asistencia o la interfaz de IA
El diseño para la IA y la accesibilidad no es solo una buena práctica, sino que es esencial para la visibilidad, la disponibilidad y los beneficios.
UX más allá de la pantalla
La experiencia del usuario ya no se detiene en la pantalla. Ya sea que se trate de un lector de pantalla o un proxy autónomo, su sitio web tiene una experiencia de nuevas maneras que no dependen de efectos visuales o clics.
Adoptando las mejores prácticas Ambos Humanos y máquinas, no solo verificas la casilla de accesibilidad. Está creando experiencias digitales resistentes, descubiertas e inclusivas listas para la próxima generación de usuarios.
Etiqueta
Piense en esto:
-
= «existir»
= «Este es un contenido independiente» Esto significa importante para los lectores de pantalla y los agentes de IA que intentan comprender su diseño.
2. Agregar propiedades de aria y DE ACUERDO Texto alternativo
Los caracteres de aria, las etiquetas y las etiquetas históricas ayudan a transmitir un propósito, especialmente cuando el HTML local es insuficiente.
El texto alternativo no solo debe describir lo que es visible, qué debe transmitir Importante. El modelo AI utiliza estos metadatos para construir el contexto.
3. Abrace archivos estructurados, como LLMS.txt
Al igual que robots.txt le dice al rastreador a qué páginas se puede acceder, emergiendo llms.txt Las propuestas ayudan a los modelos de idiomas grandes (LLM) a comprender qué comer y cómo comer.
El archivo llms.txt bien hecho puede aclarar:
- ¿Qué página es amigable?
- El formato que desea indexar
- ¿Qué áreas deben ser excluidas o marcadas para un tratamiento especial?
tenga en cuenta No todos los LLM siguen la guía LLMS.TXT. La implementación de esta estrategia marca su intención y ayuda a su contenido a ayudar a su contenido a medida que estos estándares evolucionan y se vuelven más específicos.
4. Priorizar la jerarquía de títulos
H1, H2, H3 y más allá no es solo una visión. Proporcionan un esquema lógico de su contenido. La estructura del título correcta mejora la navegación del SIDA y ayuda a LLM a resumir o extraer información con precisión.
Evite omitir los niveles (por ejemplo, de H1 a H4) y asegúrese de que cada página tenga un claro
.
5. Evite el contenido clave oculto en JavaScript
Algunos agentes de IA (y lectores de pantalla) todavía están luchando con JavaScript pesado. Si bien los marcos como React o Vue son comunes, asegúrese de representar el contenido más importante (título, copia corporal, CTA clave) en HTML que no se cargará a través de JS más adelante.
6. Marcado del modo de implementación
usar esquema.org El formato (productos, artículos, preguntas frecuentes, etc.) describe su contenido de manera que la máquina pueda analizar rápidamente. Esto no solo mejora el SEO, sino que también ayuda a LLM y BOT a responder consultas de los usuarios con mayor precisión utilizando los datos del sitio web.
Sitio web futuro: por qué ahora es importante
La experiencia de generación de búsqueda de Google (SGE) ya está utilizando IA generativa para resumir el contenido directamente en los resultados de búsqueda. GPTBOT de OpenAI y los rastreadores similares están indexando para redes para su uso en modelos de lenguaje a gran escala. y nuevas regulaciones (p. La Ley AI de la UE) comienza a formarse en torno a la transparencia y el procesamiento de datos.
En este nuevo entorno:
- Los sitios web sin estructura pueden no aparecer en el resumen de IA
- El contenido sin metadatos puede ser tergiversado
- Para los usuarios que confían en la tecnología de asistencia o la interfaz de IA
El diseño para la IA y la accesibilidad no es solo una buena práctica, sino que es esencial para la visibilidad, la disponibilidad y los beneficios.
UX más allá de la pantalla
La experiencia del usuario ya no se detiene en la pantalla. Ya sea que se trate de un lector de pantalla o un proxy autónomo, su sitio web tiene una experiencia de nuevas maneras que no dependen de efectos visuales o clics.
Adoptando las mejores prácticas Ambos Humanos y máquinas, no solo verificas la casilla de accesibilidad. Está creando experiencias digitales resistentes, descubiertas e inclusivas listas para la próxima generación de usuarios.
¡Bienvenidos a nuestra I.A !
Comencemos. Ingresa tu correo electrónico para empezar a chatear con nosotros.