- Algunos patrones de diseño que surgieron para responder a limitaciones técnicas se establecieron, más allá de una moda, como formas universales de interacción en el software
- Las interfaces de IA están creando patrones visuales y de comportamiento especializados en simbolizar la IA o en su modo de funcionamiento conversacional, como ✨, colores arcoíris y texto en streaming
- El texto brillante que representaba que la IA estaba ‘pensando’ se está expandiendo como forma de mostrar el estado de avance de tareas asíncronas generales, como obtener datos o realizar cálculos
- Las apps de IA de escritorio como Claude, Codex y Cursor usan íconos más pequeños y delgados que las apps de macOS de Apple, lo que entra en conflicto con la textura visual propia del sistema operativo
- El beige y crema, los acentos naranjas, las tipografías con serifas y los elementos de control de UI que cambian constantemente de lugar también forman una estética propia de la IA, pero todavía no está claro qué permanecerá como convención de software a largo plazo
Patrones de diseño creados por la IA
- En cada época surgen nuevos patrones de diseño para responder a los desafíos del momento; algunos desaparecen con la moda y otros son absorbidos por los sistemas existentes de interacción de software
- El menú hamburguesa (≡) se difundió ampliamente por el tamaño limitado de las pantallas móviles, y luego se asentó en otras áreas del software como una forma concisa de representar “más contenido de menú”
- El emoji de destellos ✨, cuyo significado antes no era tan claro, ahora se usa junto con los colores arcoíris como lenguaje visual representativo de la IA
- El texto en streaming es un patrón creado y refinado para las interfaces conversacionales de IA, por lo que quizá no tenga un margen amplio de reutilización en otras formas de interacción de software
- El texto brillante que indica que la IA está ‘pensando’ empezó a reutilizarse como una forma de mostrar el progreso de diversas tareas asíncronas, como pensar, obtener información o calcular
La apariencia de las interfaces de IA que se está expandiendo
- Las apps de escritorio en Electron como Claude, Codex y Cursor usan íconos mucho más pequeños y delgados que las apps de macOS de Apple, como Finder, Photos y Mail
- Estos íconos entran en conflicto con la textura visual de las apps del sistema de la plataforma
- No es deseable que los íconos pequeños se conviertan en el futuro universal de las interfaces de computadora
- Otras apariencias asociadas con la IA incluyen beige y crema, acentos naranjas y tipografías con serifas
- También está apareciendo una UI tipo whack-a-mole en la que toda la interfaz se vuelve a dibujar cada vez que se hace clic en un toggle, obligando a mover el mouse a otro lugar para la siguiente acción
- Es un caso en el que la naturaleza no determinista de la IA se infiltra hasta en la UI y la experiencia de usuario
- Parte de la estética de IA que está naciendo ahora desaparecerá, pero otra parte podría establecerse como convención general de interacción de software durante los próximos años o incluso décadas
Aún no hay comentarios.