Metodología JM UX Flow
De la investigación a la medición, un marco propio que integra estrategia, diseño y resultados medibles
He desarrollado el modelo JM UX Flow, una evolución del Double Diamond que integra validación, desarrollo y medición continua dentro del proceso de diseño.
Basado en los principios de Design Thinking y Lean UX, este sistema de siete fases combina investigación profunda, diseño iterativo y análisis de KPIs para crear productos escalables, medibles y centrados en las personas.
Cada fase se retroalimenta de la anterior y alimenta la siguiente, cerrando un ciclo constante entre descubrimiento, diseño, entrega y optimización.
El resultado: soluciones digitales que no solo se ven bien, sino que demuestran impacto real en negocio y experiencia de usuario.
Los 7 pasos (versión extendida)
Aplico un modelo de 7 fases basado en Double Diamond y KPIs, que asegura claridad en diseño, validación e impacto.
Research (Descubrir)
Objetivo: Entender el contexto real del usuario y el negocio.
Métodos: Entrevistas, mapas de viaje, benchmark competitivo y revisión de analítica existente (GA / Hotjar) para identificar oportunidades.
Resultado: Hallazgos accionables y definición de usuarios clave.
Insights (Definir)
Objetivo: Sintetizar hallazgos y priorizar oportunidades de alto impacto.
Métodos: Personas, “How Might We”, mapeo de afinidad, priorización RICE / MoSCoW.
Resultado: Problemas bien definidos, listos para ideación.
Ideación (Idear)
Objetivo: Generar y visualizar soluciones posibles desde distintos enfoques.
Métodos: Workshops colaborativos, sketching, Crazy 8s, co-creación con stakeholders.
Resultado: Direcciones de diseño validadas para prototipado.
Diseño UI / Prototipado (Tangibilizar)
Objetivo: Convertir ideas en interfaces navegables, coherentes y accesibles.
Métodos: Creación de Design System, componentes reutilizables y microinteracciones (WCAG 2.1).
Herramientas: Figma, Zeplin, Storybook.
Resultado: Prototipos de alta fidelidad listos para testeo.
Validación (Testear)
Objetivo: Medir usabilidad, accesibilidad y fricción en tareas clave.
Métodos: Pruebas con usuarios, QA visual cross-device y A/B testing.
Herramientas: Maze, Lookback, Jira QA.
Resultado: Insights cuantitativos y cualitativos para iterar.
Implementación (Entregar)
Objetivo: Asegurar una entrega fluida y alineada con desarrollo.
Métodos: Handoff técnico y documentación de producto conjunta con QA.
Herramientas: Figma Inspect, Confluence, Jira.
Resultado: Versiones listas para producción.
Medir e Iterar (Optimizar)
Objetivo: Analizar resultados y optimizar el producto en producción.
Métodos: KPIs, analítica (GA4 / Mixpanel / Hotjar), mapas de calor y métricas de retención.
Resultado: Datos de impacto real que retroalimentan la fase de Discover.
“Este proceso ha sido probado en banca, seguros y AFORE, garantizando resultados escalables y medibles para millones de usuarios.”
Del problema al impacto: el valor del diseño medible
Un modelo probado que transforma investigación en resultados tangibles, guiado por datos y KPIs reales
Claridad en el problema
“Entendemos el contexto del usuario y del negocio para definir oportunidades reales.”
Iteración de ideas
“Prototipamos, validamos y mejoramos de forma continua hasta lograr la mejor solución.”
Resultados medibles
“Medimos el impacto y escalamos lo que genera valor en negocio y experiencia de usuario.”
De la teoría a la práctica: cómo aplico mi metodología en proyectos reales
Cada fase del modelo JM UX Flow se materializa en proyectos reales de banca, seguros y AFORE. Aquí puedes ver ejemplos de cómo cada etapa genera valor tangible
El JM UX Flow es una metodología propia creada a partir de mi experiencia diseñando productos digitales en banca, seguros y AFORE.
Combina pensamiento estratégico, investigación cualitativa y métricas cuantitativas para conectar necesidades reales de los usuarios con objetivos de negocio medibles.
Cada fase está diseñada para generar valor tangible, pasando de la exploración a la implementación con claridad y colaboración entre diseño, desarrollo y producto.
El flujo culmina con una fase analítica que retroalimenta el ciclo, garantizando una mejora continua basada en datos.
“Del entendimiento al impacto. Del dato a la experiencia.”
Paso 1 – Descubrir / Research
“Antes de diseñar, entendemos.”
Esta fase abre el modelo JM UX Flow con el objetivo de comprender el contexto, al usuario y las oportunidades del negocio.
El proceso de descubrimiento puede tomar dos rutas complementarias, dependiendo del punto de partida del producto:
Exploratorio (proyecto nuevo):
Se investiga el entorno, las necesidades y motivaciones del usuario.
Se aplican métodos cualitativos —entrevistas, observación, encuestas y benchmark— para descubrir problemas reales y áreas de oportunidad.Diagnóstico (producto en producción):
Se analizan datos existentes con herramientas como Hotjar, GA4 o Mixpanel para detectar puntos de fricción, caídas de conversión y patrones de comportamiento.
Este análisis permite validar hipótesis y priorizar mejoras.
Ambas rutas comparten el mismo propósito:
Transformar la incertidumbre en conocimiento y preparar el terreno para definir el problema correcto.
Paso 2 – Definir / Define
“Convertimos la información en enfoque.”
En esta fase, todo lo aprendido durante el research se sintetiza y organiza para encontrar claridad en medio de la complejidad.
El objetivo es enmarcar el problema, alinear al equipo y establecer una dirección común antes de generar ideas.
Se emplean herramientas como:
Affinity Mapping para agrupar hallazgos e identificar patrones.
Problem Statements para redactar los retos principales desde la perspectiva del usuario.
Matriz Impacto–Esfuerzo y How Might We para priorizar oportunidades y orientar la creatividad del siguiente paso.
El resultado de esta etapa es una visión clara y compartida del reto a resolver, expresada en un enunciado guía:
“El usuario no entiende el flujo de registro.”
Ese insight se convierte en el punto de partida del diseño, conectando la empatía del Paso 1 con la ideación del Paso 3.
Paso 3 – Idear / Ideate
“De los hallazgos nacen las ideas.”
En esta fase se transforman los insights en soluciones.
El equipo explora múltiples posibilidades sin juzgar, combinando pensamiento divergente y colaboración estructurada.
El propósito es imaginar caminos posibles que respondan al problema definido en la fase anterior.
Se utilizan técnicas y dinámicas como:
Brainstorming estructurado o Crazy 8s, para generar muchas ideas en poco tiempo.
Co-creación en pizarra digital (Miro, FigJam), organizando post-its por temas o retos How Might We…
Sketching y wireframes rápidos, para convertir conceptos abstractos en representaciones visuales iniciales.
El resultado es un conjunto de ideas tangibles, clasificadas por relevancia, viabilidad y potencial de impacto.
“El objetivo no es tener la idea perfecta, sino abrir el abanico de posibilidades que luego serán validadas.”
Este paso marca el inicio de la transición hacia la materialización visual del diseño, que se desarrollará en el Paso 4 – Prototipado / UI Design.
Paso 4 – Prototipado / UI Design
“De la idea al diseño tangible.”
En esta etapa las ideas seleccionadas se materializan en interfaces funcionales y visualmente coherentes.
El objetivo es pasar del concepto a una experiencia navegable, integrando estructura, jerarquía y estilo visual bajo un mismo sistema.
Se desarrollan versiones de diferente fidelidad:
Wireframes: bosquejos estructurales que validan flujo y contenido.
Mockups: versiones visuales con tipografía, color y componentes del sistema de diseño.
Prototipos interactivos: simulaciones navegables que permiten testear la experiencia antes de codificarla.
Durante el proceso, se aplican principios de usabilidad, accesibilidad y consistencia, asegurando que cada elemento cumpla una función clara.
El resultado es un diseño UI sólido, documentado y listo para implementación, donde cada componente y cada interacción responde a una intención de experiencia.
“Diseñar no es decorar: es dar forma visible a la lógica de uso.”
Paso 5 – Implementación / Handoff
“Del diseño al código: traducir sin perder esencia.”
En esta fase, el diseño se entrega de forma técnica y estructurada al equipo de desarrollo para su implementación.
El objetivo es garantizar que la visión del diseño se mantenga fiel en el producto final, evitando ambigüedades o pérdidas de detalle.
El diseñador prepara un handoff completo con especificaciones visuales, interactivas y técnicas:
Guías de color, tipografía, espaciados y componentes reutilizables.
Propiedades detalladas (medidas, estados, márgenes, assets exportables).
Integración con herramientas como Figma Inspect, Zeplin o Storybook, que permiten a los desarrolladores acceder a cada valor de diseño directamente.
Se promueve una comunicación constante con el equipo dev, verificando que el resultado en código respete la intención de la interfaz.
“El handoff no es el final del diseño, sino el inicio del producto real.”
Esta etapa consolida la colaboración multidisciplinaria, asegurando que el sistema visual del proyecto se traduzca correctamente en producción.
Paso 6 – QA Visual y Pruebas Cross-Device
“Verificar que el diseño cobre vida como fue concebido.”
En esta fase se realiza la verificación visual y funcional del producto implementado, asegurando que cada componente respete los lineamientos del diseño original y que la experiencia sea consistente en todos los dispositivos.
El objetivo es detectar y corregir desviaciones entre diseño y desarrollo antes del lanzamiento:
Revisión de alineación, tipografía, colores y espaciado frente a los prototipos.
Validación de interacciones, micro-animaciones y estados dinámicos.
Pruebas cross-device (desktop, tablet, mobile) para garantizar respuesta visual adaptable.
Registro de observaciones y evidencias en herramientas de QA visual o gestión de bugs (Jira, Notion, Zeplin, Figma Mirror).
El diseñador se convierte aquí en un auditor de la experiencia, colaborando con desarrollo y producto para mantener el estándar visual del sistema.
“No basta con diseñar bien: hay que verificar que se vea, funcione y se sienta bien en cada entorno.”
Este paso asegura que el producto final conserve la calidad, coherencia y experiencia definida desde el diseño inicial.
Paso 7 – KPIs & Product Analytics
“Medir para evolucionar.”
El modelo JM UX Flow culmina con la medición de resultados y el análisis del desempeño del producto en uso real.
Esta fase convierte los datos en conocimiento accionable, cerrando el ciclo de diseño y reabriendo el de mejora continua.
El objetivo es comprender cómo las decisiones de diseño impactan en los objetivos de negocio y en la satisfacción del usuario.
Se definen y monitorean indicadores clave de desempeño (KPIs) tales como:
Tasa de conversión, tiempo en flujo, retención o abandono.
Satisfacción del usuario (CSAT / NPS) y métricas de interacción.
Errores o fricciones detectadas post-lanzamiento.
Los datos se recogen mediante herramientas como GA4, Mixpanel, Hotjar o sistemas de métricas personalizadas, y se visualizan en dashboards comparativos.
“Lo que se mide, mejora.”
Esta etapa no es el fin del proceso, sino su reinicio:
los hallazgos de los KPIs alimentan un nuevo Paso 1 (Research), donde se exploran las causas y oportunidades detrás de los resultados.
Así, el ciclo JM UX Flow se mantiene vivo, iterativo y orientado a la evolución continua del producto.
Cierre del Modelo JM UX Flow
“El diseño no termina cuando se lanza el producto. Comienza cuando empieza a generar aprendizaje.”
El JM UX Flow representa una visión completa del diseño de experiencia: un modelo vivo, iterativo y medible que conecta empatía, método y resultados.
Cada una de sus siete fases refleja un equilibrio entre pensamiento creativo y ejecución técnica, asegurando que las decisiones de diseño tengan impacto real en las personas y en el negocio.
Este flujo no busca rigidez, sino adaptabilidad.
Funciona igual para un proyecto que inicia desde cero como para un producto ya en operación; su fortaleza radica en que cada etapa puede escalarse o ajustarse según el contexto, sin perder su coherencia interna.
Más que un proceso lineal, el JM UX Flow es un circuito de conocimiento continuo:
Comienza con la exploración y empatía del Paso 1.
Evoluciona a través de ideación, prototipado y validación.
Y regresa con el análisis y la medición de KPIs en el Paso 7, cerrando el ciclo y abriendo el siguiente.
“Diseñar no es solo crear pantallas,
es crear aprendizaje, claridad y mejora constante.”
Con este modelo, el diseño deja de ser un acto aislado y se convierte en un sistema de evolución de producto, donde cada iteración alimenta la siguiente.
Así, el JM UX Flow se consolida como una metodología práctica, moderna y adaptable, diseñada para equipos que buscan claridad, resultados y visión a largo plazo.