≡En resumen
- UX design decide la estructura, los flujos y la interacción; UI design decide el aspecto visual.
- El proceso alterna investigar, definir, idear y probar, en ciclos cortos con usuarios reales.
- Sus entregables van de hallazgos de investigación y user flows a wireframes y prototipos probados.
- En un equipo intervienen investigadores, diseñadores UX, diseñadores UI y redactores UX, o una misma persona en varios papeles.
- Un buen UX design se mide con tareas completadas, errores y conversión, no con opiniones sobre el diseño.
01 ¿Qué es UX design?
Don Norman popularizó la expresión user experience cuando trabajaba en Apple a principios de los noventa, porque «interfaz» y «usabilidad» se le quedaban cortas. En 1998 él y Jakob Nielsen la definieron como todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos. Para ver la disciplina completa, con métodos de evaluación y métricas, consulta la ficha de experiencia de usuario (UX).
02 UX design vs UI design, usabilidad y customer experience
| Concepto | De qué se ocupa | Pregunta que responde | Ejemplo de decisión |
|---|---|---|---|
| UX design | Estructura, flujos, contenido e interacción | ¿Consigue el usuario lo que quiere sin esfuerzo? | El registro se hace después de ver el precio, no antes |
| UI design | Aspecto visual y componentes de la interfaz | ¿Se ve claro, coherente y atractivo? | Botón principal en color de marca con contraste suficiente |
| Usabilidad | Atributo de calidad: facilidad de aprender y usar | ¿Es eficaz, eficiente y satisfactorio? | Se mide con test de usabilidad y cuestionario SUS |
| Customer experience (CX) | Toda la relación con la marca, online y offline | ¿Cómo vive el cliente la empresa en su conjunto? | Tiempo de respuesta del soporte telefónico |
| Service design | Procesos internos y canales que sostienen un servicio | ¿Funciona el servicio de punta a punta? | Quién revisa el parte y en cuánto tiempo |
En proyectos pequeños UX y UI los hace la misma persona y se habla de «diseño UX/UI». Aun así, son decisiones de naturaleza distinta: un UI design impecable no salva un flujo mal planteado, igual que Norman y Nielsen advertían con el ejemplo de una web de críticas de cine con una interfaz perfecta pero sin las películas independientes que buscaba el usuario.
03 El proceso de UX design: ISO 9241-210 y doble diamante
La norma ISO 9241-210:2019 describe el diseño centrado en las personas como un ciclo de cuatro actividades que se repite hasta que la solución cumple los requisitos de los usuarios. Es la base formal de casi cualquier proceso de UX design.
-
1
Entender y especificar el contexto de uso
Quiénes son los usuarios, qué tareas hacen, en qué entorno y con qué dispositivos. Se obtiene con investigación: entrevistas, observación, analítica.
-
2
Especificar los requisitos de los usuarios
Qué necesita la persona para lograr su objetivo, traducido a requisitos concretos y medibles.
-
3
Producir soluciones de diseño
Arquitectura de la información, flujos, wireframes y prototipos, de menos a más detalle.
-
4
Evaluar el diseño frente a los requisitos
Tests con usuarios y evaluaciones expertas. Lo aprendido vuelve a cualquiera de los pasos anteriores.
En la práctica el proceso no es lineal. Un test puede revelar que el problema estaba mal definido y obligar a volver a investigar. Por eso los equipos trabajan en iteraciones cortas y con prototipos de la menor fidelidad posible: cuanto más barato es el artefacto, más fácil es tirarlo cuando los usuarios demuestran que no funciona.
04 Entregables del UX design fase a fase
| Fase | Entregable | Para qué sirve |
|---|---|---|
| Investigación | Informe de hallazgos, entrevistas sintetizadas | Basar las decisiones en datos, no en opiniones internas |
| Investigación | Perfiles de usuario y user journey map | Compartir quién es el usuario y dónde sufre |
| Definición | Arquitectura de la información y mapa del sitio | Organizar contenidos y navegación |
| Definición | User flows | Dibujar los caminos para completar cada tarea |
| Diseño | Wireframes de baja y media fidelidad | Decidir estructura y jerarquía sin distraerse con estética |
| Diseño | Prototipo interactivo | Probar el flujo con usuarios antes de programar |
| Evaluación | Informe de test de usabilidad con problemas priorizados | Saber qué corregir primero |
| Entrega | Especificaciones, estados y casos límite; sistema de diseño | Que desarrollo construya exactamente lo validado |
El user journey map suele ser el entregable que más alinea a negocio y diseño, porque pone en una sola imagen los puntos de dolor del cliente. Si quieres saber qué nivel de calidad exigir a cada entregable y cómo se hace el traspaso a desarrollo, lo explicamos en qué hace un diseñador UX y qué entrega.
05 Roles en un equipo de UX design
UX researcher
Planifica y ejecuta la investigación: entrevistas, tests, encuestas. Convierte observaciones en hallazgos accionables.
UX designer
Traduce hallazgos en arquitectura, flujos, wireframes y prototipos. Es el perfil más generalista.
UI designer
Define el lenguaje visual: tipografía, color, iconos, componentes y sus estados.
UX writer
Escribe los textos de la interfaz: botones, errores, formularios, mensajes vacíos.
Product designer
Combina UX y UI con visión de negocio y métricas de producto; habitual en startups y SaaS.
Content o information architect
Organiza grandes volúmenes de contenido y su navegación, en portales, tiendas o intranets.
En una pyme es raro contar con todos. Lo habitual es un diseñador UX/UI que cubre varios papeles y se apoya en metodologías ligeras. Lo que no debería faltar nunca es la investigación: los métodos de UX research más sencillos, como cinco entrevistas o un test con cinco usuarios, cuestan poco y evitan la mayoría de errores caros.
06 Principios de un buen UX design
- ✓Diseña para tareas reales de usuarios reales, no para el organigrama de la empresa.
- ✓Haz visible el estado del sistema: qué ha pasado, qué está pasando y qué viene después.
- ✓Usa convenciones conocidas; la originalidad se reserva para donde aporta valor.
- ✓Previene errores antes que explicarlos, y cuando ocurran, di cómo solucionarlos.
- ✓Reduce la carga de memoria: muestra opciones en lugar de obligar a recordarlas.
- ✓Diseña accesible desde el principio: contraste, teclado, lectores de pantalla y textos claros.
- ✓Prueba pronto y a menudo, con prototipos baratos, y mide el efecto de cada cambio.
07 Ejemplo de un proyecto de UX design de principio a fin
Punto de partida: la web recibe visitas, pero solo una pequeña parte de quienes empiezan una reserva la terminan, y el teléfono está saturado.
- Descubrir (1-2 semanas): analítica del embudo, grabaciones de sesión y seis entrevistas a pacientes. Hallazgo: muchos no saben qué especialista necesitan y abandonan en el primer paso.
- Definir: se reformula el problema. No es «el formulario es largo», sino «el paciente no sabe por dónde empezar».
- Desarrollar: dos alternativas en wireframe: elegir por síntoma o por especialidad. Prototipo en Figma de ambas.
- Probar: test remoto con diez pacientes. La opción por síntoma gana con claridad; se corrigen tres problemas de texto.
- Entregar: especificaciones con estados de error y huecos vacíos, y seguimiento del embudo tras el lanzamiento.
Es un caso ilustrativo, pero representa el patrón habitual: el cambio que más mejora la conversión rara vez es el que el cliente pedía al principio.
08 Cuándo necesitas UX design en tu proyecto
Antes de desarrollar una app o una plataforma
Validar el flujo con un prototipo cuesta días; rehacer código cuesta meses.
Cuando la web tiene tráfico pero no convierte
Los datos dicen dónde abandonan; el UX design explica por qué y propone qué cambiar.
En un rediseño
Para no trasladar los problemas actuales a una web nueva con mejor aspecto.
Cuando crece el soporte
Muchas consultas repetidas son síntomas de flujos confusos.
Si estás en alguno de estos casos, el siguiente paso es un proyecto de diseño UX/UI con investigación, prototipo y tests incluidos, que después se integra con el diseño web profesional o el desarrollo de tu app.
Preguntas frecuentes sobre UX Design
Significa user experience design, diseño de experiencia de usuario: la disciplina que diseña cómo funciona un producto digital para que las personas logren sus objetivos con facilidad, a partir de investigar y probar con usuarios.
UX design decide la estructura, los flujos y la interacción; UI design decide el aspecto visual de la interfaz. El primero responde a si el producto funciona para el usuario y el segundo a cómo se ve.
Investiga a los usuarios, define la arquitectura y los flujos, diseña wireframes y prototipos y los prueba con usuarios reales antes de pasarlos a desarrollo.
Según la ISO 9241-210, entender el contexto de uso, especificar los requisitos de los usuarios, producir soluciones de diseño y evaluarlas, en ciclos. El doble diamante lo resume en descubrir, definir, desarrollar y entregar.
Figma para wireframes y prototipos, FigJam o Miro para talleres, Maze o Lyssna para tests remotos, y Hotjar o Microsoft Clarity para analizar el comportamiento en la web.
No exactamente. La experiencia de usuario es lo que vive la persona al usar el producto; UX design es la disciplina que trabaja para que esa experiencia sea buena.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗