Recientemente mi aplicación de la universidad se actualizó con 'mejoras menores de la UI', y resultó ser la interfaz de usuario generada por IA más descuidada que he visto. La antigua UI era torpe, pero habría preferido esa sobre el 'cañón de slop' que produjo su agente de IA. ¿Qué es Slop? Una Interfaz Slop es la UI que la IA cocina que se ve fuera de lugar, donde no debería estar, no sirve para nada o cuando una UI es demasiado genérica. Esto se ve en la UI codificada por 'vibe' sin una visión.

La UI codificada por 'vibe' puede verse bien cuando se hace correctamente, pero la mayoría de las veces no lo hace. Y hace que las aplicaciones se vean baratas y poco atractivas de usar. Ejemplos de Sitios Web Codificados como Slop: Cloudflare recientemente codificó como slop un sitio web.

Y también sitios web como este, tú simplemente lo sabes cuando lo ves. Es como los videos de IA de estos días: de cualquier manera. Lo siguiente son las cosas que componen el slop.

Degradados. Degradados en todas partes. El signo más grande y más notorio son los degradados.

Degradados en cualquier lugar, degradados en cualquier momento, degradados en cada cosa individual. Los verás en los botones, en el fondo, básicamente en cualquier lugar donde pudiera meterlos. Los Cañones de Slop AMAN el púrpura por alguna razón.

Vómito de Arcoíris. La IA ama usar colores que no significan nada y son simplemente diferentes colores. Solo obtienes esto: una pantalla llena de un montón de colores que no combinan bien pero están coloreados así.

Porque hay alguna distinción en los campos al hacer la UI o lo que sea. No sigue la regla 70-30-10. Simplemente agrega colores por todas partes.

Insignias Parpadeantes. No tengo idea de por qué agrega estas, pero simplemente lo hace. Está en los datos de entrenamiento, supongo.

Pero agrega estas insignias parpadeantes en todo. En la 'actualización' que tuvo mi aplicación de la universidad. Tienen algo llamado identificación digital, que simplemente muestra, como, un código QR y tu rostro.

Tiene esta insignia parpadeante que dice que está 'activa'. El problema es. ES SOLAMENTE NUNCA INACTIVA.

SI ESTÁ INACTIVA, LA APLICACIÓN TE CIERRA LA SESIÓN. Es solo información redundante. Y mi perfil tiene una insignia de 'estudiante activo'. ¿ALGUIEN PUEDE DECIRME CÓMO SE VE UN ESTUDIANTE INACTIVO?? También en la misma interfaz de identificación digital.

Añadió un pequeño distintivo 'verificado' junto al logo de mi universidad. ¿POR QUÉ. Porque no está haciendo alguna llamada a una API y diciendo, 'oh sí, este tipo está verificado'. Y AUN ASÍ, SI LO ESTUVIERA HACIENDO, NO SIGNIFICA NADA, como.

Si yo estuviera falsificando mi identificación digital, ¿iría a añadir deliberadamente 'no verificado'???? Tarjetas de Uña. Veo estas cosas en literalmente cada UI codificada por 'vibe' y me enfadan cada vez. Las ves por todas partes, hombre.

No es que sean malas; es simplemente que están tan sobreutilizadas por literalmente cada LLM en cada singolo lugar que ahora se ven mal. La cosa es. No creo que nadie se haya sentado conscientemente alguna vez y pensado, 'sabes qué mejorarían esto? una uña'.

Emoji Slop. A la IA le ENCANTAN los emojis por alguna razón. Los ama más de lo que Sam Altman ama fingir que están liderando la frontera.

Elementos Desalineados. Si tienes SVGs o arte ASCII o algún tipo de elemento que no está dentro de un cuadro, casi siempre está desalineado. Como esta lista en el horario de mi aplicación de la universidad.

Selección de Fuente. Estos sitios web normalmente no optan por selecciones de fuentes más interesantes. Suele ser Inter, o si tienes un sitio web incluso remotamente relacionado con programación, obtienes Jet Brains Mono. y esto: Añade estos // siempre que se mencione algo cercano a la tecnología.

Texto Redundante Debido al Contexto de Chat. Debido al Contexto de Chat. Simplemente agrega un montón de texto redundante solo por el contexto de chat.

Por ejemplo. Estaba haciendo mi sitio web de blogs anterior, y le dije: 'De acuerdo, no quiero escribir ningún HTML; escribiré en mi cómodo Neovim y no quiero hacer nada relacionado con la web.' Entonces agregó texto diciendo 'Built with Hugo. Written from Neovim'.

No, porque nadie se importa de dónde lo escribo. La IA hace esto en los readmes también. Dice 'Built with Modern CPP 20 features' HERMANO, ¿QUIÉN SE IMPORTA?.

Mi aplicación de la universidad tiene esto en su pantalla de inicio. Lo que tiene esto es. REALMENTE PUEDES OLER EL PROMPT QUE ACTIVÓ ESTO DESDE ESTA UNO.

Como 'un campus. una aplicación.' Sí. Definitivamente fue algún hombre...