La UX decide que un botón de compra debe estar visible y fácil de encontrar. La UI (User Interface, «interfaz de usuario») decide de qué color es ese botón, qué tamaño tiene, qué tipografía lleva el texto y cómo reacciona visualmente al pasar el cursor por encima. Es la capa visible con la que una persona se relaciona directamente con cualquier producto digital.
De qué se ocupa exactamente
Paleta de colores y su significado dentro del producto (qué color indica una acción positiva, cuál una advertencia). Tipografía y jerarquías de tamaño para distinguir de un vistazo un título de un texto secundario. Comportamiento visual de botones y formularios. Iconografía coherente en todo el producto. Y el espaciado general, que da orden a cada pantalla y evita esa sensación de saturación tan habitual en interfaces mal resueltas.
Un botón mal resuelto cuesta ventas
Un botón de «Comprar» que se confunde con el resto del fondo, por color o tamaño demasiado discreto, hace que alguien interesado en comprar simplemente no lo encuentre a tiempo. La UI resuelve precisamente esto: hacer evidente qué se puede tocar, qué es solo informativo y qué acción se espera en cada momento de la navegación.
Sistemas de diseño, la UI a escala
Cuando un producto crece y suma decenas de pantallas, mantener coherencia visual sin un sistema definido se vuelve casi imposible. Un design system centraliza los componentes reutilizables (botones, tarjetas, menús) con sus reglas de uso, para que todo el equipo trabaje con los mismos elementos en lugar de crear versiones ligeramente distintas cada vez que alguien necesita un botón nuevo.
Bonita pero confusa: el fallo clásico
Es posible diseñar una interfaz visualmente impecable y, aun así, fallar del todo si el flujo que hay detrás no tiene sentido para quien lo usa. La UI da forma visible a decisiones de UX; no las sustituye. Diseñar solo la superficie, sin haber resuelto antes la lógica de uso, produce algo bonito pero confuso, que frustra tanto o más que uno feo pero funcional.