¿Qué es UX?
UX (User Experience) es la experiencia completa que vive un usuario al interactuar con un producto digital o físico. Incluye qué tan fácil de usar es, qué tan rápido logra su objetivo, cómo se siente durante el proceso y después. Es disciplina de investigación + estrategia.
¿Qué es UI?
UI (User Interface) es la capa visual de la interfaz: los elementos con los que el usuario interactúa. Incluye tipografía, colores, iconos, botones, espaciado, animaciones, ilustraciones. Es disciplina de diseño visual.
UX vs UI: las diferencias clave
| UX | UI | |
|---|---|---|
| Enfoque | Estructura y experiencia | Estética y visual |
| Pregunta | ¿Funciona bien? | ¿Se ve bien? |
| Salida | Wireframes, user flows, prototipos | Mockups visuales, design system |
| Herramientas | Figma, Sketch, Hotjar, Miro | Figma, Adobe XD, Illustrator |
| Disciplinas | Investigación, IA, usability | Diseño gráfico, branding |
| Métricas | Task completion rate, time on task | Engagement visual, A/B tests |
Ejemplo concreto: app de banco
UX: ¿cómo el usuario transfiere dinero? Pasos requeridos, validación de error, confirmación, opciones de pago, integración con contactos. Si transferir requiere 12 toques de pantalla, UX malo.
UI: cómo se ven esos botones, qué color, qué tipografía, qué animaciones, cómo se ve la confirmación de éxito. Misma funcionalidad, infinitas variaciones visuales.
¿Necesito UX, UI o ambos?
- Producto digital complejo (SaaS, ecommerce, app): ambos, UX primero
- Landing page simple: UI suficiente (UX es básico)
- Sitio web informativo: UI principal + UX básico
- Aplicación financiera/médica: UX crítico (errores cuestan caro)
Quién hace cada cosa
- UX Designer: hace investigación de usuarios, wireframes, user flows, prototipos
- UI Designer: convierte wireframes en mockups visuales finales
- UX/UI Designer (común en PyME): combina ambos roles
- UX Researcher: solo investigación (común en empresas grandes)
- Product Designer: UX + UI + lógica de producto + estrategia
En Weblindrome ofrecemos diseño web para PyMEs mexicanas. Solicita un diagnóstico gratuito.