+33-9-7266-3068
contact@gdm-pixel.fr
Hace unos meses, un cliente nos muestra orgullosamente su nuevo sitio web. Rediseño completo, presupuesto considerable, una agencia “especializada en IA” a cargo. El resultado? Un formulario de contacto que desaparece después de ser enviado sin ningún mensaje de confirmación. Un menú de navegación que cambia de comportamiento según las páginas. Textos alternativos generados automáticamente que describen… la imagen equivocada. Y en la parte inferior de la página, bien visible: un badge de “sitio accesible” proporcionado por un superpuesto.
Accesible. De verdad.
Lo que vemos cada vez más en nuestro trabajo diario como agencia es una ecuación peligrosa: herramientas de IA poderosas, utilizadas por equipos que carecen de los fundamentos. La IA acelera. Pero también acelera los errores — y a veces, los inventa de la nada.
La buena noticia? Los principios que te permiten detectar estos errores existen desde hace 30 años. No pasarán de moda.
Por Qué la IA “Alucina” en Tus Interfaces — y Qué Cuesta Realmente
El término “alucinación” se toma del mundo de los LLMs (modelos de lenguaje como ChatGPT o Claude). Un modelo alucina cuando genera con confianza una respuesta falsa. En UX, el fenómeno toma una forma diferente, pero igualmente problemática.
Una herramienta de generación de interfaces con IA puede producir un botón que parece un enlace, un carrusel que oculta contenido crítico, una jerarquía tipográfica que sugiere importancia donde no la hay. Esto no es malicioso — es estadístico. La IA ha aprendido de miles de sitios, incluyendo los malos.
Resultado concreto: tu visitante no entiende qué debe hacer. Duda. Se va.
Los números de nuestros auditorías muestran que un viaje del usuario ambiguo cuesta entre el 20% y el 40% de la tasa de conversión potencial. No un bug técnico. No un problema de velocidad. Solo una interfaz que no dice claramente al usuario dónde mirar y qué hacer.
La pregunta no es “es tu herramienta de IA buena?”. La pregunta es: ¿puede la persona que la usa reconocer la diferencia entre una interfaz que funciona y una interfaz que parece funcionar?
Los Principios Fundamentales que la IA No Puede Reemplazar
Aquí es donde se pone interesante. Los principios de diseño que te permiten detectar estos problemas no son nuevos. Tampoco son particularmente complejos. Pero requieren algo que la IA no tiene: criterio contextual.
La jerarquía visual, primera salvaguarda
Un usuario que llega a tu página pasa aproximadamente 50 milisegundos decidiendo si merece su atención. Estudios de seguimiento ocular realizados por el Grupo Nielsen Norman lo han confirmado durante años: el ojo sigue patrones predecibles, en formas F o Z, y busca anclajes visuales.
Jerarquía clara significa: un título dominante, un subtítulo que proporciona contexto, una llamada a la acción obvia. En ese orden. Con suficiente diferencia en tamaño y peso para que el ojo no dude.
Una herramienta de IA que genera contenido puede respetar esta estructura. Pero si fue entrenada en sitios que no la siguen — o si el prompt inicial no lo especifica — producirá algo que “parece” una página web sin tener su legibilidad.
La coherencia, fundación de la confianza
Aquí hay algo que nunca te dicen en las agencias: la coherencia visual es una señal inconsciente de confianza.
Un botón azul en la página de inicio, verde en la página de contacto, gris en la página de servicios. Técnicamente funciona. Psicológicamente, le dice a tu visitante que algo no va bien. Su cerebro detecta la inconsistencia antes de que sea conscientemente consciente de ella. La asocia con falta de seriedad.
Las herramientas de IA a menudo generan componentes en aislamiento. Cada sección es correcta por sí sola. El conjunto carece de unidad. Es un problema de sistema — y se resuelve con un design system, no con un mejor prompt.
La retroalimentación del usuario, invisible pero crítica
Rellenar un formulario. Hacer clic en “enviar”. Y… nada. O peor: la página se recarga.
El principio de retroalimentación es simple: toda acción del usuario debe provocar una reacción visible, inmediata y comprensible. Un spinner durante la carga. Un mensaje de confirmación. Un error que explique qué falta, en términos humanos.
Es básico. Y se ignora sistemáticamente en interfaces generadas por IA, porque estos estados — éxito, error, carga, vacío — necesitan ser especificados explícitamente. La IA no los inventa espontáneamente.
Accesibilidad: Entre Cumplimiento Falso y Práctica Real
Hablemos del tema delicado. La accesibilidad web se ha convertido en un mercado. Docenas de herramientas prometen hacer tu sitio “conforme con WCAG” en algunas líneas de JavaScript. Estos superpuestos de accesibilidad se venden como soluciones llave en mano.
No lo son.
WebAIM, la organización de referencia para accesibilidad digital, publica su análisis del millón de páginas de inicio más visitadas cada año. En 2024, el 95,9% de ellas tenían errores WCAG detectables automáticamente — incluyendo sitios que usan superpuestos. La conformidad automática es un oxímoron.
Aquí está lo que un superpuesto no puede hacer:
No puede reestructurar una jerarquía de títulos mal construida. Si tu página salta de H1 a H4 sin pasos intermedios, un lector de pantalla pierde el hilo. Ningún JavaScript puede arreglar eso en tiempo real sin romper algo más.
No puede adivinar la intención de una imagen. El texto alternativo generado por IA describe lo que “ve” en la imagen. No sabe por qué esta imagen está ahí, qué aporta al contexto, qué necesita entender un usuario con discapacidad visual.
No puede hacer navegable por teclado una interfaz que no fue diseñada para ello. La navegación por teclado se piensa desde el diseño. Se codifica en el orden del DOM, en la gestión del enfoque, en los puntos de referencia ARIA. No es un parche — es una arquitectura.
Qué requiere la accesibilidad real
Mi consejo para una pequeña empresa con presupuesto limitado: no busques cumplimiento total desde el principio. Busca los gains más impactantes.
Relación de contraste mínima texto/fondo de 4,5:1 para texto normal. Etiquetas explícitas en todos los campos de formulario. Texto alternativo redactado por un humano que entienda el contexto. Navegación posible sin ratón en viajes de usuario críticos (contacto, compra, registro).
Estos cuatro puntos cubren la mayoría de situaciones reales. Son verificables en menos de una hora con herramientas gratuitas como Lighthouse o WAVE. Y no requieren superpuesto.
Cómo Usar la IA Sin Caer en Sus Trampas
Sería deshonesto de mi parte criticar la IA en diseño sin aclarar el contexto. En mi agencia, uso Claude Code diariamente. Nova Mind, nuestro SaaS, está construido sobre ella. La IA me permitió entregar 21 páginas en 10 horas en un proyecto reciente.
Pero sé exactamente dónde es confiable y dónde no.
La IA destaca en: generar variantes de componentes, proponer estructuras de página a partir de un brief, automatizar la redacción de estados de error y éxito en formularios, verificar la coherencia de tokens de color en un design system existente.
La IA tiene dificultades con: juzgar si una jerarquía visual comunica efectivamente lo esencial, evaluar si un viaje del usuario es intuitivo para tu audiencia específica, redactar textos alternativos que tengan sentido en su contexto, probar la robustez de una interfaz con usuarios reales.
Démonos la vuelta: la IA es un ejecutor extraordinario. Necesita un arquitecto que sepa lo que quiere.
El flujo de trabajo que funciona para nosotros: definimos principios y restricciones por adelantado (jerarquía, coherencia, accesibilidad básica), dejamos que la IA genere dentro de ese marco, auditamos el resultado contra criterios humanos. La IA trabaja dentro de los carriles que construimos para ella.
Sin estos carriles, hace lo que sabe hacer: producir algo que se asemeje a lo que pediste. No necesariamente algo que funciona.
Tres Preguntas para Auditar Tu Sitio Hoy
Sin presupuesto necesario, sin herramientas premium. Estas tres verificaciones toman 20 minutos y revelan lo esencial.
1. Prueba tu sitio sin ratón. Navega usando solo la tecla Tab. ¿Puedes alcanzar el formulario de contacto? ¿Es el enfoque visible en cada paso? Si te pierdes, también se perderán tus usuarios.
2. Deshabilita los estilos CSS. La mayoría de navegadores permiten esto a través de herramientas de desarrollador. ¿Tu contenido sigue siendo legible y estructurado? ¿Los títulos tienen una verdadera jerarquía H1 > H2 > H3? Si la página se vuelve incomprehensible sin CSS, tu estructura semántica necesita revisión.
3. Envía tu formulario principal dejando un campo vacío. ¿El mensaje de error indica qué campo es problemático? ¿En términos comprensibles? ¿O solo “error” en rojo? Esta prueba revela la calidad de la retroalimentación del usuario en 30 segundos.
Qué Cambia Concretamente para Tu Sitio
La IA seguirá integrándose en la producción web. Es inevitable, y es una buena cosa para equipos que saben cómo usarla.
Pero “saber cómo usarla” significa dominar lo que no puede hacer. Los principios fundamentales — jerarquía, coherencia, retroalimentación, accesibilidad real — no son restricciones académicas. Son las condiciones mínimas para que un visitante entienda tu sitio, le confíe, y tome acción.
En toda España y más allá, las empresas que invierten en un sitio web quieren resultados medibles. No un badge de accesibilidad de 49€/mes. No una interfaz generada en 5 minutos que parezca un sitio pero no convierta.
“Un buen diseño no es lo que impresiona. Es lo que guía sin que te des cuenta.” — esta frase resume 15 años de proyectos web mejor que cualquier marco metodológico.
Las herramientas cambian. Los comportamientos de los usuarios permanecen notablemente estables. Las personas quieren entender dónde están, qué les estás ofreciendo, y qué deben hacer después. Eso era cierto en 2010. Es cierto hoy. Será cierto cuando la IA genere interfaces completas en tiempo real.
¿Quieres Saber Dónde Está Tu Sitio en Estos Criterios?
En proyectos que hemos ejecutado en los últimos meses, una auditoría de 3 horas generalmente es suficiente para identificar los 5-6 puntos que bloquean la conversión o degradan la experiencia del usuario. Sin rediseño sistemático. Sin ventas de servicios innecesarias.
Si tu sitio fue construido o rediseñado con herramientas de IA sin supervisión técnica seria, o si instalaste un superpuesto de “accesibilidad” pensando que habías marcado la casilla — vale la pena verificar.
Contacta a GDM-Pixel para una auditoría honesta. Te decimos qué está mal, por qué, y qué cuesta arreglarlo. Sin rodeos.
