La forma más sencilla de ver la diferencia es realizar el pago. UX decide cuántos pasos hay, qué se pregunta en cada paso, qué sucede cuando se rechaza una tarjeta y si un invitado puede comprar sin una cuenta. La interfaz de usuario decide cómo se ve cada paso: los campos del formulario, el estilo del botón, el color del mensaje de error y la pequeña animación cuando el pago se realiza correctamente.
El diseño de UX comienza antes de que exista cualquier pantalla. Incluye investigación de usuarios, entrevistas, mapas de viaje, arquitectura de la información, esquemas y pruebas de usabilidad. El resultado suele ser un flujo o un prototipo en lugar de un diseño visual terminado. El éxito se mide por los resultados: finalización de la tarea, errores, tiempo para terminar y si la gente regresa.
El diseño de la interfaz de usuario convierte esa estructura en una interfaz. Cubre la jerarquía visual, el espaciado, la tipografía, el color, los iconos, los componentes y cómo se comporta cada elemento en cada estado: predeterminado, al pasar el mouse, presionado, deshabilitado, cargando y error. El movimiento también es parte de la interfaz de usuario. Un botón que responde cuando se presiona, o una hoja que sigue su dedo, le dice a la gente que el producto los ha escuchado.
Los dos dependen el uno del otro. Un flujo claro con botones confusos todavía falla, y una pantalla pulida encima de un flujo confuso todavía falla. Es por eso que la mayoría de los equipos tratan la UI como una parte de la UX en lugar de una disciplina separada, y por qué muchos anuncios de empleo solicitan ambas.
Si está decidiendo qué aprender primero, comience con los conceptos básicos de UX (comprender al usuario y la tarea) y luego aprenda habilidades de UI en una herramienta de diseño como Figma o Penpot. Luego viene el diseño de interacción y movimiento, y ahí es donde encajan herramientas como ExodeUI, que fabricamos nosotros.