📂 Categoría: AI,vibe-mode,vibe-coding,tyler-le,bi-illustration | 📅 Fecha: 1783398536
🔍 En este artículo:
Si has notado que los sitios web han comenzado a converger hacia una neblina sans-serif beige, no te lo estás imaginando.
Uno de los mayores beneficios de la IA ha sido permitir que personas sin conocimientos técnicos codifiquen sus ideas en aplicaciones monetizables del mundo real. Como escribimos en abril, cualquiera puede crear una aplicación en unas pocas horas, utilizando herramientas como Claude Code, Lovable, Replit o Base44.
Estas aplicaciones diseñadas por IA tienen algunas señales reveladoras y el diablo está en los detalles: use estilos de diseño similares que sean bonitos pero disfuncionales. Aunque las aplicaciones pueden funcionar a pequeña escala, estos pequeños detalles podrían convertirse en grandes problemas cuando se amplíen comercialmente.
Aquí se explica cómo saber si su aplicación parece codificada con IA y cómo cambiarla.
1. Regresión hacia la media, es decir, dolorosamente en el medio
La primera señal: el diseño de la aplicación es aburrido y sencillo.
Paul Bakaus, director ejecutivo de la startup de diseño de IA Impeccable, dijo en una entrevista en podcast el 23 de junio con la firma de capital de riesgo Andreessen Horowitz que los obsequios de IA, particularmente para Claude Design, incluyen fondos beige o teñidos y fuentes sans-serif.
Lo llamó “Uniqlo o Ikea algorítmico”, un diseño que no es malo, pero no necesariamente único.
Donghoon Shin, investigador de la interacción persona-computadora de la Universidad de Washington, publicó un artículo sobre cómo la codificación del estado de ánimo condujo a la homogeneización del diseño.
Shin dijo a Business Insider que los productos codificados por estados de ánimo tienden a converger hacia «una estética única, estadísticamente promedio».
Las características: una paleta de colores apagados con muchos blancos y grises, un color de acento de una sola marca, tipografía sans-serif estándar y elementos con esquinas redondeadas y sombras paralelas.
Cuando utilicé Base44 para crear una aplicación de prueba que podría funcionar como un editor de fotografías para una sala de redacción, el diseño estaba lleno de elementos beige y fuentes sans-serif. Capturas de pantalla/Aditi Bharade
Sauvik Das, profesor asociado del Instituto de Interacción Humano-Computadora de la Universidad Carnegie Mellon, dijo a Business Insider que se trata de un efecto de «regresión a la media».
Las personas que intentan ganar dinero con sus aplicaciones codificadas por IA también se están dando cuenta de esto.
Priyanshi Bansal, gerente de producto en India, codificó una aplicación usando Claude que ayuda a las personas a elegir regalos para sus seres queridos. Temprano los usuarios le dijeron que la aplicación parecía «un desperdicio de IA».
Dijo que la primera versión de su aplicación tenía muchos emojis, sombras y bordes redondeados.
«Ahora estoy creando la segunda versión de la aplicación, que es mucho mejor, especialmente la interfaz de usuario, ya que soy diseñadora de productos, así que tengo que hacer que esto suceda», dijo.
2. Bonita y disfuncional
Una captura de pantalla de un rastreador de suscripciones que codificamos con IA en minutos. BI
Segunda señal reveladora: el sitio web es muy sofisticado para un producto que aún no está disponible.
«Verá, por ejemplo, una página de destino muy pulida para un producto que aún se encuentra en su fase alfa inicial», dijo Das.
Puede parecer bonito, pero muchas funciones no funcionan de forma intuitiva porque la IA diseña para la estética y escatima en usabilidad.
Los diseñadores de experiencias e interfaces de usuario están capacitados para leer las emociones, comportamientos e intenciones humanas, dijo Ankush Samant, profesor titular de innovación digital y práctica de diseño en la Universidad Nacional de Singapur. Saben exactamente cómo diseñar «el peso de un botón, el ritmo de un flujo de incorporación, el tono de un mensaje de error».
«Las herramientas de inteligencia artificial optimizan el camino hacia la felicidad y tienden a producir interfaces que parecen completas hasta que alguien realmente las usa», dijo Samant.
Das añadió que los productos codificados por estados de ánimo a veces invitan a los usuarios a interactuar, incluso cuando Esta parte no tiene ninguna función. Por ejemplo, pasar el cursor sobre un elemento le da un contorno sutilmente sombreado y un aumento de tamaño que sugiere que uno puede hacer clic en él para obtener más información, pero hacer clic en él no hace nada.
3. Error 404: ignora casos extremos
Y, por último, las herramientas de codificación de ambiente no piensan mucho en los casos extremos.
«Los diseñadores también dedican mucho tiempo a lo que yo llamaría diseño con estado (estados vacíos, mensajes de error, cargadores de esqueleto y estados fuera de línea) que la IA a menudo deja como una ocurrencia tardía o omite por completo», dijo Shin. dicho.
Samant dijo que la forma en que una aplicación muestra errores proporciona información sobre si el creador de la aplicación ha pensado en la experiencia completa del usuario o si todavía se encuentra en la etapa de demostración.
«Las herramientas de inteligencia artificial tienden a ignorarlas por completo o generar una copia de marcador de posición (‘Algo salió mal. Inténtelo de nuevo’) que elimina la voz humana exactamente cuando los usuarios más necesitan tranquilidad», dijo.
Ciertamente, las nuevas empresas de codificación de vibe toman nota de todos estos inconvenientes.
La startup Base44, con sede en San Francisco, lanzó el lunes su propio modelo de IA, Base 1, que espera reduzca el aspecto de IA de los productos codificados por estados de ánimo y produzca una mejor UI/UX que los modelos de vanguardia.
Ha codificado una aplicación por vibración. ¿Y ahora?
En esta casa, no avergonzamos a los codificadores del estado de ánimo. Nosotros mismos somos grandes entusiastas.
Pero si descubre que su aplicación muestra algunas de las señales de alerta mencionadas anteriormente, aquí hay algunas formas de cambiarlas.
Samant dijo que el primer paso es dejar de incentivar la estética y empezar a incentivar las decisiones.
«En lugar de ‘hacer que esto parezca limpio y moderno’, intente: ‘Esta pantalla es donde un usuario preocupado por sus datos decidirá si continúa. ¿Qué debo eliminar y qué debe hacer la copia?'», dijo.
En segundo lugar, la codificación de vibraciones no se trata sólo de vibraciones. Shin dijo que los usuarios deben proporcionar tantos detalles como sea posible a las herramientas de inteligencia artificial, como referencias de diseño, limitaciones de marca y lo que el usuario no quiere ver.
Y si está pensando en ampliarlo, es una buena idea contratar a un profesional para llevar el producto al siguiente nivel.
Das dijo que si bien la IA es una herramienta útil para mejorar las interfaces de usuario, puede que no sea la mejor para crear buenas interfaces de usuario desde cero.
«No diría que una aplicación puramente codificada por estados de ánimo no pueda lograr un éxito comercial duradero, porque lo más importante es la adecuación del producto al mercado», afirmó. «Pero creo que todavía se necesita un buen diseñador de UI/UX para tomar un buen producto y hacerlo excelente».
