El proceso de diseño UX es la secuencia de trabajo que convierte lo que necesitan los usuarios y lo que busca una empresa en un producto que la gente usa sin pensar: investigación, estructura, wireframes, diseño de interfaces, prototipado y pruebas, y después la entrega a desarrollo, todo ello repetido a medida que el producto aprende. Para el cliente, cada fase tiene una aportación clara por su parte y un resultado claro que debe recibir, y juzgar el proceso por esos resultados es la forma más segura de saber que es real. Esta guía explica cada fase desde el lado del cliente, con una tabla de aportaciones, resultados y tiempo relativo, y las señales de un trabajo de UX bueno y de uno flojo.
Última actualización: 21 de octubre de 2026.
¿Por qué importa la visión del cliente sobre el proceso?
La mayoría de las explicaciones sobre UX están escritas para diseñadores. Describen métodos y herramientas, algo útil si haces el trabajo y confuso si lo pagas. Como cliente necesitas saber otra cosa: qué te pide cada fase, qué tendrás al terminarla y si ha merecido la pena el tiempo.
El proceso de diseño UX existe para reducir las sorpresas caras. Un problema detectado en un boceto cuesta minutos; el mismo problema detectado después del lanzamiento cuesta rehacer el producto y perder clientes. Cada fase que se describe a continuación sirve para adelantar los hallazgos.
En Odduel, agencia de creatividad y tecnología en Barcelona y São Paulo, nuestro servicio de diseño UX/UI aplica estas fases a webs, apps y herramientas internas. El tamaño de cada fase cambia de un proyecto a otro; el orden, casi nunca.
En resumen: el proceso de diseño UX va de la investigación a la estructura, los wireframes, el diseño de interfaces, el prototipo y las pruebas, y después a la entrega. Tú aportas acceso, conocimiento y decisiones; recibes hallazgos, una estructura, pantallas, un prototipo probado y documentación. Las fases se repiten en pequeños ciclos. Si no ves el resultado de una fase, pídelo.
El proceso de diseño UX de un vistazo
La tabla siguiente recoge qué te pide cada fase, qué deberías recibir y qué parte del proyecto suele ocupar en términos relativos.
| Fase | Qué aportas | Qué recibes | Parte del tiempo |
|---|---|---|---|
| 1. Descubrimiento e investigación | Objetivos, datos, acceso a usuarios y empleados | Hallazgos, grupos de usuarios, recorridos clave, prioridades | De pequeño a medio |
| 2. Estructura | Inventario de contenidos, reglas de negocio | Mapa del sitio o estructura de la app, navegación, flujos | Pequeño |
| 3. Wireframes | Comentarios sobre la disposición y las prioridades | Pantallas de bajo detalle para cada página o paso clave | Medio |
| 4. Diseño de interfaces | Guía de marca, aprobaciones | Pantallas finales, componentes, estados | La parte más grande |
| 5. Prototipo y pruebas | Participantes en las pruebas o acceso a clientes | Prototipo navegable, resultados de las pruebas, cambios aplicados | Medio |
| 6. Entrega y soporte | Preguntas de los desarrolladores | Archivos de diseño, biblioteca de componentes, especificaciones | Poca al principio, luego continua |
Fase 1: descubrimiento e investigación
El descubrimiento responde a tres preguntas: quién usa el producto, qué intenta hacer y dónde tiene dificultades hoy. La investigación puede incluir entrevistas con clientes y empleados, datos de analítica, incidencias de soporte, una revisión del producto actual y un vistazo a cómo resuelve la competencia esas mismas tareas.
Tú aportas los objetivos, los datos de que dispongas y acceso a las personas adecuadas. Una decena de entrevistas breves con usuarios reales suele revelar más que una gran encuesta. Recibirás un informe breve con los hallazgos, los principales grupos de usuarios, los recorridos más importantes y una lista de prioridades acordada contigo.
Si tu producto ya existe, una auditoría suele ser la forma más rápida de empezar. Nuestro checklist de auditoría UX muestra qué cubre una revisión así.
Fase 2: estructura
La estructura decide dónde va cada cosa y cómo se mueve la gente entre ellas: el mapa del sitio en una web, las pantallas y los flujos en una app. Se construye a partir de la investigación y de tus contenidos y reglas de negocio.
El resultado es un diagrama de páginas o pantallas, la navegación principal y los flujos de las tareas clave, como registrarse, reservar o comprar. Es el momento más barato para cambiar de opinión sobre lo que contiene el producto. Un paso que falta aquí es una línea en un diagrama; más adelante es una pantalla nueva, código nuevo y pruebas nuevas.
Fase 3: wireframes
Los wireframes son esquemas sencillos y de bajo detalle de cada pantalla clave. Dejan fuera a propósito el color, las imágenes y los textos finales para que la conversación se centre en las prioridades: qué aparece primero, qué se agrupa y qué hace el usuario a continuación.
Tu papel es comprobar que lo importante destaca y que las reglas de negocio son correctas. No juzgues el aspecto: todavía no está diseñado. Un buen conjunto de wireframes cubre cada página o paso clave, incluido lo que ocurre cuando algo falla o una lista está vacía.
Fase 4: diseño de interfaces
El diseño de interfaces aplica la marca a los wireframes y los convierte en pantallas terminadas: tipografía, color, imágenes, iconos, espaciado y movimiento. Un buen diseño de interfaces se construye como un sistema de componentes, como botones, formularios, tarjetas y navegación, para poder añadir pantallas nuevas más adelante sin empezar de cero.
Esta fase suele llevarse la mayor parte del tiempo de diseño. Tú aportas la guía de marca y las aprobaciones. Recibes las pantallas finales para cada breakpoint o dispositivo, todos los estados de cada componente (por defecto, hover, foco, error, desactivado) y una biblioteca de componentes a partir de la cual trabajarán los desarrolladores.
La accesibilidad va aquí, no al final. El tamaño del texto, el contraste, los estados de foco y las zonas táctiles son decisiones de diseño, y las Pautas de Accesibilidad para el Contenido Web son la referencia a la que remiten la mayoría de las normas europeas.
Fase 5: prototipo y pruebas
Un prototipo enlaza las pantallas para que se puedan recorrer las tareas clave con clics o toques, como si el producto fuera real. Probarlo con cinco a ocho personas del público objetivo suele sacar a la luz la mayoría de los problemas graves de un flujo.
Tú ayudas a encontrar participantes, idealmente clientes reales o potenciales. Recibes el prototipo, un breve resumen de lo que hicieron los participantes y de dónde tuvieron dificultades, y los cambios introducidos en consecuencia. Las pruebas no son un examen que se aprueba o se suspende: son la forma más barata de corregir el diseño antes de empezar el desarrollo.
Fase 6: entrega y soporte durante el desarrollo
La entrega da a los desarrolladores todo lo que necesitan: los archivos de diseño, la biblioteca de componentes, las especificaciones de espaciado, comportamiento y animación, y respuestas a sus preguntas. Los diseñadores deben seguir implicados mientras se construye el producto, revisando lo que se implementa y resolviendo los huecos que solo aparecen en el código.
Tras el lanzamiento, el proceso vuelve a empezar en ciclos más cortos: la analítica y las opiniones de los usuarios muestran dónde tienen dificultades, y el equipo diseña, prueba y publica mejoras.
¿Qué preparar antes de que empiece el proceso UX?
Hay unas cuantas cosas que, por tu parte, aceleran cada fase y mejoran el resultado. Ninguna requiere un diseñador.
- Una sola persona que decida. Nombra a quien aprueba cada fase. Diseñar en comité ralentiza el proceso y difumina el resultado.
- Tus objetivos en cifras, si los tienes. Conversión, registros, solicitudes de soporte o tareas completadas: aquello por lo que vas a juzgar el producto.
- Acceso a usuarios. Una lista de clientes o clientes potenciales dispuestos a hablar veinte minutos, y permiso para contactar con ellos.
- Lo que ya sabes. Analítica, incidencias de soporte, notas comerciales, investigaciones anteriores y las quejas que oyes a menudo.
- Limitaciones. Los sistemas técnicos de los que depende el producto, los requisitos legales, la guía de marca y las fechas fijas.
Con todo esto preparado, la fase de descubrimiento puede empezar en días y no en semanas, y la investigación dedica su tiempo a lo que aún no sabes.
¿Cómo se repiten las etapas?
Las fases anteriores se presentan en orden, pero los proyectos reales dan vueltas. Las pruebas te devuelven a los wireframes; el desarrollo descubre un estado que faltaba; los datos del lanzamiento revelan una nueva prioridad. Un buen proceso prevé estas vueltas en lugar de tratarlas como fracasos.
Cómo se gestionan estas vueltas depende del método de trabajo. Nuestra comparativa entre agile y waterfall explica cómo encaja el diseño en fases cerradas o en ciclos cortos. En la mayoría de los proyectos, una fase cerrada de descubrimiento y estructura, seguida de diseño y desarrollo en ciclos cortos, equilibra la certeza con el aprendizaje.
¿Cómo distinguir un buen trabajo de UX del puro teatro?
Algunos procesos de UX parecen muy activos sin cambiar nada del producto. Estas señales te ayudan a distinguirlos.
| Trabajo de UX real | UX de fachada |
|---|---|
| Investigación con usuarios reales, resumida en unas pocas páginas de decisiones | Informes largos que nadie aplica |
| Personas ligadas a tareas concretas y a datos | Personas inventadas en un taller |
| Wireframes para los estados de error y vacíos | Solo el camino ideal |
| Pruebas que cambian el diseño | Pruebas programadas cuando las decisiones ya son definitivas |
| Diseñadores implicados durante el desarrollo | Archivos entregados y olvidados |
La pregunta que conviene hacer al final de cada fase es sencilla: ¿qué hemos decidido gracias a esto? Si nadie sabe responder, la fase fue decoración.
Preguntas frecuentes
¿Cuáles son las fases del proceso de diseño UX?
Las fases habituales son descubrimiento e investigación, estructura (mapa del sitio o flujos de la app), wireframes, diseño de interfaces, prototipado y pruebas, y entrega al desarrollo. Los nombres cambian de un equipo a otro, y algunos dividen o agrupan fases, pero el orden se mantiene: entender a los usuarios, decidir la estructura, bocetar, diseñar, probar con personas reales y, después, acompañar el desarrollo y seguir mejorando tras el lanzamiento.
¿Cuánto dura el proceso de diseño UX?
Depende del tamaño del producto y de lo rápido que se tomen las decisiones. En una web corporativa típica, las fases de diseño suelen llevar varias semanas; en una app con muchos flujos, unos meses. El diseño de interfaces suele ocupar la mayor parte. La investigación y la estructura son más cortas, pero son las que más tiempo ahorran después, porque evitan rehacer trabajo.
¿Cuál es la diferencia entre diseño UX y diseño UI?
El diseño UX abarca toda la experiencia: qué hace el producto, cómo se organiza y con qué facilidad las personas completan sus tareas. El diseño UI es la capa visual e interactiva: tipografía, color, componentes y movimiento. En el proceso anterior, la investigación, la estructura, los wireframes y las pruebas son sobre todo UX; el diseño de interfaces es UI. Los buenos proyectos los tratan como un único trabajo continuo.
¿Necesito investigación de usuarios si ya conozco a mis clientes?
Normalmente sí, aunque sea ligera. Los equipos suelen conocer bien a sus clientes en general, pero no cómo se comportan ante una tarea concreta en una pantalla. Unas pocas entrevistas y una prueba con un prototipo revelan a menudo problemas que el conocimiento interno pasa por alto. La investigación puede ser breve y rápida; saltársela por completo suele salir más caro después.
¿Qué debería recibir al final de un proyecto de UX?
Deberías recibir las conclusiones de la investigación y las prioridades, la estructura y los flujos clave, los wireframes, las pantallas finales para cada dispositivo y estado, una biblioteca de componentes, un prototipo probado con los cambios que motivó y las especificaciones para los desarrolladores. Si el producto ya se ha lanzado, añade un plan para medir cómo se comportan los usuarios y qué mejorar a continuación.
Si estás planificando una web o una app, pide a cualquier equipo de diseño que te enseñe el resultado de cada fase antes de cerrar el precio, y ten esta tabla a mano durante el proyecto. Nuestro servicio de diseño UX/UI cubre todas las fases, de la investigación a la entrega; cuéntanos qué estás construyendo.
