Define tu persona antes del prompt
Antes de encender Figma, Lovable, v0 o escribir una línea de prompt: identifica el dolor primario, el modelo mental, el vocabulario y los miedos del usuario.
Regla: cero píxeles al inicioEntendimiento de Clientes · Sub-habilidad 2.3
Diseño de experiencia de usuario: usabilidad, interacción y alma del producto
No necesitas ser diseñador, pero sí saber reconocer un buen diseño, explicar lo que buscas y trabajar codo con codo con el equipo de diseño en vez de entregar un spec estático e inerte.
4Grandes riesgos de producto — uno es que nadie sepa usarlo
10Heurísticas de usabilidad de Nielsen & Molich
5Estados que necesita cada componente: hover, active, disabled, carga y error
TL;DR Ejecutivo
Personas & Agentes IA
Interfaces humanas y affordances predecibles para agentes autónomos — ya no diseñas solo para personas.
Heurísticas de Nielsen
Un lenguaje compartido con diseño para evaluar interfaces: visibilidad, consistencia, prevención de errores y más.
Método de 4 pasos con IA
De la persona al flujo completo, antes de escribir el primer prompt de frontend.
Diagnóstico rápido: Un producto puede resolver el problema perfectamente y aun así fracasar rotundamente porque nadie sabe cómo usarlo. Diseñar no es decorar: es darle alma a la interacción y eliminar cada micro-fricción que sabotea la adopción.
Por Qué Importa
Pasar un spec y desaparecer vs. co-crear la experiencia de verdad
La usabilidad es uno de los 4 grandes riesgos de producto (junto a valor, viabilidad y factibilidad) — y es el que más Product Managers ignoran, porque asumen que es "trabajo de diseño". El diseño de experiencia no es un documento que se entrega una vez: es un diálogo continuo y una calibración constante de trade-offs entre lo que el usuario necesita y lo que el sistema puede ofrecer.
Pasar un spec y desaparecer
Un documento estático en Jira, entregado una vez, sin más contacto hasta la revisión final. El PM no participa en wireframing, no acompaña el testing y se desentiende de cada micro-decisión de interacción.
Resultado: fricción invisible hasta que ya está en producción.
Co-creación continua
El PM prototipa en vivo junto a diseño, participa en wireframing, escribe microcopy y acompaña las sesiones de testing para iterar rápido sobre lo que de verdad confunde al usuario.
Resultado: la fricción se detecta y se elimina antes de construir.
La definición que marca el estándar
“Aplicar principios de usabilidad, patrones de diseño y modelos de interacción, de forma individual y junto a diseño, para que personas y agentes puedan acceder fácilmente a todo el valor del producto.”
Ravi Mehta · CPO en Tinder, VP Product en Tripadvisor
Esa última parte — "y agentes" — ya no es opcional. La UX para agentes autónomos exige esquemas sin ambigüedad y flujos deterministas: la misma disciplina de claridad que le debes a una persona, trasladada a una interfaz que ahora también puede consumir un sistema automatizado.
Nueva Era Tecnológica
Lo que cambia con la IA: el alma de producto
Hoy cualquiera puede levantar una interfaz funcional en 5 minutos con un prompt. Las plantillas estándar proliferan y todos los productos empiezan a verse homogéneos e insípidos. El diseño de experiencia ya no es el envoltorio: es el alma y la ventaja competitiva que no se puede replicar con un prompt genérico.
La regla de oro — Cero píxeles antes de tener claro el dolor, el modelo mental y el vocabulario de tu usuario.
Diseña los 5 estados de cada componente
No diseñes pantallas felices estáticas. Define hover, active, disabled, estado de carga (skeleton) y estado de error crítico para cada componente que construyas.
Regla: robustez en edge-casesInterconecta flujos de extremo a extremo
El valor vive en las transiciones: en el feedback cuando una acción tarda 3 segundos, en la confirmación de una acción irreversible. Une pantallas en caminos reales, no en capturas sueltas.
Regla: flujo de extremo a extremoDiseña también para agentes, no solo para personas
Si tu producto expone datos o acciones a un agente autónomo, esa interfaz necesita esquemas sin ambigüedad y flujos deterministas — la misma exigencia de claridad que le debes a un humano, pero sin margen para la interpretación.
Cultura de Excelencia
Cómo se ve cuando lo haces bien: las 10 heurísticas de usabilidad
Jakob Nielsen y Rolf Molich propusieron un conjunto de principios que se han convertido en un lenguaje compartido por diseñadores, investigadores y equipos de producto. Lejos de ser un dogma, funcionan como una brújula durante el diseño y la evaluación de interfaces.
1
Visibilidad del estado del sistema
La interfaz debe mantener informada a la persona en todo momento. Un indicador de carga no es decorativo: es una promesa de atención. Cuando lo que ocurre "se siente invisible", se genera ansiedad.
El sistema siempre responde2
Correspondencia con el mundo real
Los productos funcionan mejor cuando hablan el mismo idioma que sus usuarios. Usar jerga técnica en vez de conceptos familiares es pedirle a alguien que lea un mapa sin leyenda.
El idioma del usuario, no el tuyo3
Control y libertad del usuario
Ofrecer salidas como "deshacer" o "volver atrás" no es solo cortesía, es seguridad psicológica. Las mejores interacciones se sienten como explorar, no como caer en trampas.
Siempre hay una salida4
Consistencia y estándares
Cuando los patrones se repiten, el cerebro no necesita reinventar cómo actuar en cada pantalla. Diseñar sin un vocabulario común es, inevitablemente, diseñar fricción.
Un mismo patrón, en todas partes5Heurística clave
Prevención de errores
Una interfaz que permite equivocaciones fácilmente está desperdiciando su mayor activo: el contexto. A veces, el mejor mensaje de error es el que nunca necesita mostrarse.
La más subestimada6
Reconocer antes que recordar
Cuanto menos tenga que memorizar una persona, mejor puede concentrarse en sus objetivos. Menos "¿qué era lo que decía?" y más "aquí está lo que necesitas ahora".
Mostrar, no exigir memoria7
Flexibilidad y eficiencia de uso
Quienes usan tu interfaz pueden ser principiantes o expertos. Permitir atajos o personalizaciones acelera tareas repetidas y respeta el tiempo de quien quiere ir más allá de lo básico.
Atajos para quien los necesita8
Estética y diseño minimalista
Cada elemento compite por la atención. Si algo no aporta valor, distrae. La estética en usabilidad no está en lo bonito, sino en lo esencial.
Eliminar ruido, no contenido9
Ayudar a reconocer y recuperarse de errores
Los mensajes de error no deben sonar como juicios: son oportunidades para guiar. Un buen mensaje explica qué ocurrió y cómo resolverlo.
El error como dirección, no castigo10
Ayuda y documentación accesible
No todas las interacciones pueden preverse. Una documentación bien ubicada o una sugerencia just-in-time pueden marcar la diferencia entre quedarse atascado o seguir avanzando.
Ayuda justo cuando se necesitaAnti-patrones Recurrentes
Las 4 trampas que arruinan la experiencia
Evita caer en estos vicios para mantener la agilidad y el rigor de tu squad.
1
Pasar un spec y desaparecer
El PM que envía un documento estático por Jira y se desentiende destruye la empatía con diseño y con el usuario — el diseño de experiencia es un diálogo continuo, no una entrega única.
Antídoto: Participa en wireframing y acompaña al menos una sesión de testing por release.
2
Confundir diseño con estética superficial
Una pantalla puede recibir premios en Dribbble y fallar estrepitosamente en conversión. La estética sin claridad de modelo mental, sin feedback y sin gestión de errores es solo humo decorativo.
Antídoto: Antes de aprobar una pantalla, verifica sus 5 estados, no solo el estado feliz.
3
Copiar patrones B2C en B2B sin contexto
Lo que funciona en una red social de consumo rápido no encaja en flujos B2B de alta densidad de datos, cumplimiento normativo y tareas repetitivas de 8 horas diarias.
Antídoto: Valida cada patrón contra el contexto real de uso de tu usuario B2B.
4
Aceptar el diseño por defecto de la IA
Si todo tu equipo usa los mismos modelos generativos con los mismos prompts sin personalizar tipografías, jerarquías ni estados vacíos, tu software parecerá un clon genérico más del mercado.
Antídoto: Define un sistema de diseño propio antes de generar pantallas con IA.
Escala de Liderazgo
Cómo crece la competencia UX según tu seniority
El alcance del impacto UX se expande desde la feature individual hasta el posicionamiento estratégico corporativo.
Nivel 1
PM Individual Contributor
Foco: calidad de interacción y flujo a nivel squad
- ✓Define la experiencia de su iniciativa mano a mano con el diseñador.
- ✓Participa en wireframing y domina la escritura de microcopy conciso.
- ✓Acompaña las sesiones de testing para iterar rápido.
Entregable típico: un flujo validado con sus 5 estados, sin fricciones de adopción.
Nivel 2
Líder de Producto
Foco: escalabilidad y cohesión cross-squad
- ✓Asegura que diferentes equipos construyan sobre el mismo design system.
- ✓Elimina silos donde un flujo se siente ajeno al resto de la plataforma.
- ✓Estandariza las heurísticas de evaluación entre squads.
Entregable típico: un lenguaje de interacción consistente en toda la plataforma.
Nivel 3
Ejecutivo / CPO
Foco: posicionamiento y retención a nivel compañía
- ✓Eleva el diseño a pilar estratégico en el comité de dirección.
- ✓Garantiza presupuesto para design tokens y accesibilidad global.
- ✓Instaura una cultura de excelencia orientada al cliente.
Entregable típico: el diseño como ventaja competitiva no replicable.
Plan de Acción Táctico
Ponlo en práctica esta semana: 3 experimentos
No esperes al próximo sprint. Ejecuta estos 3 ejercicios con tu equipo en las próximas 48 horas.
Ficha del usuario primario
Redacta una ficha sintética con el arquetipo exacto para el que estás construyendo tu sprint actual. Fíjala en el canal de Slack donde todo el squad la tenga siempre visible.
1 página con contexto, meta y frustración principalAuditoría de onboarding limpia
Crea una cuenta 100% nueva en tu producto. Haz el flujo completo sin privilegios de admin ni atajos y apunta cada micro-duda o texto confuso que te haga dudar más de 2 segundos.
Matriz de fricciones con severidad estimadaMicrocopy de los 3 botones
Aísla los 3 CTAs principales de conversión. Pregúntate: ¿cada palabra aclara el beneficio o suma ambigüedad? Cada término redundante diluye al resto.
Variantes A/B listas para validar en producciónUna Pregunta Incómoda para tu Próximo Sync
Si tuvieras que describir en una sola frase a la persona para la que estás diseñando tu producto hoy... ¿qué dirías? ¿Y diría exactamente lo mismo tu diseñador?
La alineación en la respuesta es el test más rápido para comprobar si tienes una visión compartida o dos equipos remando en direcciones opuestas.
¿En qué percentil está tu criterio de diseño de experiencia?
Haz el Test de Habilidades y recibe tu radar de las 15 sub-habilidades, incluido el Diseño de experiencia de usuario, para compartirlo con tu jefe o un mentor.