Una aplicación universitaria acaba de recibir una importante renovación, y las personas que la revisaron no están impresionadas. La actualización se presentó como «mejoras menores de la interfaz de usuario», pero los resultados se acercaron más a un desastre que a una solución. El veredicto: el nuevo diseño es descuidado, exagerado y está lleno de errores que cualquier diseñador humano detectaría a primera vista.
El escritor, que describe el nuevo diseño como un «cañón de slop» (barbaridad), es un usuario que vio los cambios llegar a la aplicación de su campus y decidió documentar exactamente qué salió mal. El resultado es una lista continua de quejas que cualquiera que haya navegado por un sitio web mal diseñado reconocerá de inmediato.
Las diez señales de slop
El escritor comienza con una descripción de cómo se ve el slop. Los degradados aparecen en los botones, en los fondos, básicamente en cualquier lugar donde el equipo de diseño pudiera ubicarlos. Esta es la señal más grande y notable de una interfaz de usuario codificada con slop, y está presente en casi todos los ejemplos citados.
Luego viene el vómito de arcoíris. El diseño combina colores sin tener en cuenta la armonía, dice el escritor, y no sigue la regla 70-30-10 que rige el buen equilibrio de color. El resultado es una pantalla llena de tonos contrastantes que se ven baratos y poco atractivos.
Los insignias parpadeantes son otro fastidio. La pantalla de identificación digital de la aplicación ahora tiene una insignia parpadeante que indica que la cuenta está «activa». El problema, señala el escritor, es que la insignia nunca está inactiva. Si lo estuviera, la aplicación simplemente cerraría la sesión del usuario. Por lo tanto, la insignia no tiene ningún propósito más allá de desperdiciar espacio.
Las tarjetas de uñas son una ofensa recurrente. El escritor las ve en cada interfaz de usuario codificada con vibraciones y las encuentra tan sobreutilizadas que terminan por verse mal. El artículo argumenta que nadie se ha sentado alguna vez y ha pensado: «saben qué mejoraría esto? una uña».
Los emojis son otro hábito que el escritor culpa de la IA. El diseño los adora, y el escritor compara este afecto con el amor de Sam Altman por fingir que está recorriendo la frontera. La comparación es juguetona, pero el punto es serio: demasiados emojis en el lugar equivocado hacen que un diseño se sienta amateur.
La desalineación es un problema recurrente. Los SVG, el arte ASCII y otros elementos que no están enmarcados tienden a desviarse de sus posiciones. El escritor señala una lista en el horario de su solicitud de ingreso a la universidad como un ejemplo principal.
La selección de fuentes es otro punto débil. El diseño se adhiere a opciones seguras como Inter o JetBrains Mono para sitios con un enfoque en programación. El escritor señala que el diseño también agrega «//» cada vez que se menciona algo relacionado con tecnología, lo que se lee como una abreviatura descuidada en lugar de una elaboración cuidadosa.
El texto redundante debido al contexto de la conversación es una molestia final. El escritor estaba construyendo un sitio web de blogging anterior y le dijo al asistente de diseño: «Okay, no quiero escribir ningún HTML; escribiré en mi cómodo Neovim, y no quiero hacer ninguna cosa relacionada con la web». El resultado fue un texto que decía «Construido con Hugo. Escrito desde Neovim». A nadie le importa, argumenta el escritor, y el mismo patrón aparece en los archivos readme con afirmaciones sobre «Características modernas de CPP 20» que nadie realmente quiere escuchar.
La pantalla de inicio de la solicitud de ingreso a la universidad tiene la misma redundancia. El escritor dice que casi se puede oler el prompt que la originó solo por la redacción.
Glassmorphism es un lenguaje de diseño que el escritor permite con moderación. La estética brutalista, que el escritor admite que se ve genial hasta que se usa en exceso, es otra cuestión.
Los eslóganes genéricos completan la lista. El diseño adora palabras como «Elevar», «Perfecto», «De próxima generación», «Impulsar», «Desatar» y «Empoderar». Cada H1 está seguido por un subtítulo grisáceo sobre el poder de la gestión de tareas. El escritor lo llama una obsesión con las palabras de marketing que tratan cada pantalla como una página de destino en lugar de una herramienta funcional.
Lo que esto significa para el diseño
El punto del escritor no es que el diseño basado en vibras está condenado. El sitio web que alberga el artículo en sí está basado en vibras y se ve lindo, según el escritor. La queja es sobre el esfuerzo. Estos diseños ni siquiera intentan verse mínimamente bien, argumenta el escritor, y el resultado es una interfaz de usuario que se siente barata y poco atractiva de usar.
La pieza es una diatriba personal, pero resulta una guía útil para cualquiera que cree o revise interfaces digitales. Los diez signos de descuido son reales, y reconocerlos es el primer paso hacia la comprensión de lo que cuestan.
El autor concluye con una pregunta: ¿cómo es un estudiante inactivo? Es un chiste, pero capta todo el espíritu de la queja. El diseño está lleno de señales que nadie pidió y nadie entiende.
- Degradados por todas partes
- Colores de vómito arcoíris
- Insignias pulsantes que no tienen propósito
- Tarjetas de uñas sobreutilizadas
- Demasiados emojis
- Elementos SVG y arte ASCII desalineados
- Abreviaturas “//” perezosas en menciones de tecnología
- Texto redundante proveniente de indicaciones
- Uso brutalista excesivo
- Lema genérico de palabras de moda
“10 Tells of a Slop UI,” vercel.app. )
Recibe El Cuaderno.
Las mejores historias del día y cada veredicto nuevo, en español claro, en tu correo a las siete. Un correo al día, nada más.