El problema de hacer webs con inteligencia artificial

El uso de la inteligencia artificial para hacer páginas webs no es algo que deba esconderse, pues esta se ha conformado como una herramienta fundamental a la hora de realizar casi cualquier tarea hoy en día. Sin embargo, tanto en el mundo de la programación como en el del diseño web se ha formado un sector conocido como los vibe coders que ha abierto la puerta en el sector a más problemas que soluciones.

Precisamente, en el mismo término está el problema, porque un vibe coder es alguien que se deja llevar por la vibra del código, sin entender lo que está haciendo ni por qué. El problema real, sin embargo, no llega el primer día, quizás tampoco el segundo día, sino que el problema es que el producto final realizado únicamente con inteligencia artificial es un caballo de troya en sí mismo. Centrémonos esta vez en el diseño de páginas web, del tema de la programación de aplicaciones hablaremos otro día.

Se está llenando la red de webs que no han sido ni siquiera retocadas por los vibe coders que las han hecho a punta de prompt, y eso se nota, y se nota muchísimo. Veamos a continuación elementos típicos que se repiten en el 100% de las webs hechas puramente con inteligencia artificial, para que podamos ilustrar mejor los errores de diseño de los que hablamos, porque hasta el momento somos los propios diseñadores los que somos capaces de captar la web hecha con IA, pero con el tiempo, cuando estas colonicen por completo la red, serán los propios usuarios los que acabarán con el ojo cansado de diseños tan pobres, repetitivos y poco personalizados.

Hero section:

La hero section es la primera vista que aparece delante de nuestros ojos en una web. Aquí enganchamos al cliente con un título que describa bien nuestro negocio. Es donde le decimos al usuario: nos buscabas a nosotros.

He puesto dos ejemplos arriba de dos webs hechas con inteligencia artificial a golpe de prompt. Una para una tienda de muebles, otra para una consultora, y en las dos se observa exactamente el mismo patrón: títulos que combinan estilo de letra normal con cursiva, así como el título dividido en dos colores, muchas veces con gradiente, labels absolutamente innecesarios (esa pequeña etiqueta que se ve sobre el título principal), y las métricas que no falten.

¿Cuándo pongo métricas en mi web?

Con el tema de las métricas muchas veces hay un pecado doble, ya que en la hero section no es siempre necesario presentar métricas, sin embargo, si lo vas a hacer lo suyo es que sean reales. Sin embargo, como normalmente el vibe coder no le proporciona dichas cifras a la inteligencia artificial para que esta refleje la realidad en ese apartado, la mayoría de ellas son inventadas, por lo que llegará un momento en el que se repetirá tanto este patrón que el usuario medio ya terminará obviando datos de este tipo, afectando negativamente a aquel que si ha proporcionado métricas reales sobre sus tasas de éxito.

No es un problema del uso de inteligencia artificial para ayudarte en cualquier tarea, sea diseñar una web, sea manejar la economía personal. El problema es cuando las webs se hacen en cuestión de minutos o unas pocas horas porque «con la IA gano dinero», «con la IA me la hago en un momento», «hoy con la IA no necesito a un diseñador web», etc. Esto, normalmente, va ligado a una falta de empeño por personalizar no solo el diseño, sino también el contenido, porque «si se ve bonita y funciona está bien hecha».

Las métricas no solo han de ser realistas para que no jueguen en nuestra contra, sino que han tener un sentido. Si mis servicios se reflejan y generan confianza directamente con métricas vamos por buen camino, esto nos ayuda a las conversiones, a reflejar a dónde hemos llegado. Sin embargo, una empresa de muebles, la web de un investigador, o simplemente la de un diseñador web como es mi caso, ¿qué objetivo tienen las métricas? Ninguno. En lugar de eso, es mejor mostrar directamente casos de éxito reales, que hablen directamente de cómo has transformado un negocio, una casa, o una carrera gracias a tu trabajo.

Webs hechas con IA bonitas, horteras, repetitivas

Que una web hecha solo con inteligencia artificial sea bonita es relativo a qué tipo de web y lo bien hecho que esté el prompt. Sin embargo, si delegamos el 100% del diseño en manos de la IA, la web va a hacer 100& repetitiva y, en ciertos casos tirando a hortera.

Una web hecha con un buen prompt escapa, suele elaborar diseños bonitos, genéricos, pero visualmente elegantes. Una web con el prompt genérico, hechas por manos que delegan en la IA todo su trabajo, tienden a lo hortero y repetitivo.

Normalmente la inteligencia artificial tiende a agradar en exceso, y en ese exceso está el pecado. Un diseñador normalmente estudia el caso del cliente, la estética, lenguaje visual, sector, clientes objetivos de la empresa, y solo teniendo esto claro se da el paso a transmitir todo eso en el diseño final. La inteligencia artificial, sin embargo, siempre va a tratar de se excesiva en su intento por entregar un producto final llamativo, cuando quizás lo que pide la marca es sobriedad. Animaciones en exceso, fondos muy vivos, con colores que se mezclan en gradientes repetitivos, un círculo molesto que persigue tu puntero pero «mira que chulo», etc.

Conclusiones sobre el diseño web hecho con inteligencia artificial

En conclusión, la inteligencia artificial es una herramienta más que a pasado a ser parte fundamental del día a día en casi cualquier trabajo, pero hacernos la trampa a nosotros mismos y pedirle que sustituya nuestro criterio es el peor caso de uso que vemos hoy en día.

La personalización es fundamental a la hora de aplicar criterios de diseño, conocer al cliente, qué busca, qué hay detrás de la marca, cuál es su identidad, etc. Sin esos factores el diseño no dice nada, puede ser la web de la agencia de viajes de tu barrio como puede ser la web de una empresa de eventos del otro lado del mapa.

No se trata, por tanto, de rechazar todas las ventajas que la inteligencia artificial nos proporciona, sino de saber ubicarlas en nuestro trabajo.