El Interaction Design (IxD) es el corazón operativo del UX Design. Mientras la investigación de usuarios responde a "qué construir", el interaction design responde a "cómo debe comportarse cuando el usuario lo toca". Es la disciplina que traduce los insights en wireframes, flujos, prototipos y especificaciones de comportamiento: todo lo que precede a la implementación técnica y sigue a la estrategia de producto.
Esta guía completa cubre qué es el Interaction Design en 2026, los métodos y entregables típicos, las herramientas estándar del mercado, el rol del Interaction Designer en los equipos de producto modernos, los salarios en España y LATAM y cómo construir este camino profesional.
Lo que vas a aprender:
- Qué es el Interaction Design y en qué se diferencia del UX y del UI
- Los modelos mentales: el concepto que sostiene el oficio
- Los 6 pasos canónicos de la idea al prototipo
- Las herramientas de trabajo en 2026
- El rol y los salarios en España y LATAM
- Cómo convertirte en Interaction Designer
Qué es el Interaction Design
El Interaction Design (IxD) es la disciplina que diseña cómo los humanos interactúan con los productos digitales. El término fue acuñado a principios de los años 90 por Bill Moggridge, fundador de IDEO, y se ha consolidado con los años como uno de los componentes principales del User Experience.
Mientras la investigación de usuarios aporta el qué (las necesidades del usuario) y el visual design aporta el cómo estético (colores, tipografía, componentes finales), el Interaction Design aporta el cómo funcional: flujos, estados, feedback, transiciones, comportamientos, lógicas condicionales.
En un equipo de producto maduro, el Interaction Designer es quien:
- Traduce la investigación en decisiones de estructura
- Diseña los flujos de usuario
- Produce wireframes y prototipos interactivos
- Especifica todos los estados (loading, error, empty, etc.)
- Colabora con ingeniería para implementar las interacciones correctamente
Modelos mentales: el concepto fundamental
El concepto más importante del Interaction Design es el de modelo mental, popularizado por Don Norman en el libro The Design of Everyday Things (1988). La idea: el usuario se construye un modelo mental de cómo "funciona" tu producto, basado en sus experiencias pasadas con productos similares. Tu diseño puede alinearse a ese modelo o contradecirlo.
Ejemplo clásico: cuando ves un icono en forma de disquete sabes que es "guardar", aunque probablemente no uses un disquete desde hace 20 años. El modelo mental "eso es guardar" está tan arraigado que resiste a su propio anacronismo.
Implicaciones para el diseño:
- Respeta los modelos mentales existentes cuando puedas: no inventes gestos o patrones nuevos solo por ser original.
- Si tienes que innovar, hazlo con cuentagotas: una innovación a la vez, y solo cuando aporta valor real.
- Señaliza explícitamente cuando tu producto se comporta de forma inusual: no cuentes con la intuición del usuario.
El buen interaction designer mantiene una librería mental de patrones estándar (de los sistemas operativos, de las apps de referencia, de los design systems públicos) y los aplica con criterio. La originalidad llega después, y solo donde hace falta.
Los 6 pasos canónicos del Interaction Design
El proceso típico de un diseñador de interacción desde el problema hasta el prototipo se articula en 6 pasos.
1. Análisis de la investigación
Parte de los insights de la investigación de usuarios. Quién es el usuario, qué quiere lograr, dónde se bloquea hoy. Si no tienes research, no estás haciendo interaction design — estás adivinando.
2. Arquitectura de la información
Organizas los contenidos. Qué secciones, cómo se agrupan, cómo se navega. Si el producto es complejo, aquí haces content audit y card sorting.
3. Sitemap
Visualizas la estructura general. Cada caja es una página o área; las líneas muestran relaciones jerárquicas. El sitemap da la vista panorámica al equipo.
4. User flow
Mientras el sitemap muestra "qué hay", el user flow muestra "cómo atraviesa el usuario" el sistema para cumplir un objetivo. Dibujas un flow por cada tarea clave: registro, compra, búsqueda, compartir.
5. Wireframes en escala de grises
Traducción visual del user flow en wireframes concretos. Sin colores, sin fuentes definitivas, sin imágenes finales: solo estructura, jerarquía y contenido placeholder. El wireframe es donde el diseño toma forma pero sigue siendo fácilmente iterable.
6. Usability testing
No esperes a que el diseño esté "terminado" para probarlo. Un prototipo clickable de los wireframes probado con 5 personas revela alrededor del 85% de los problemas — mucho antes de que corregirlos cueste caro. Consulta la guía de user research para los métodos de testing.
Estos 6 pasos son secuenciales pero iterativos: después del testing vuelves a revisar los wireframes, potencialmente el user flow, hasta que el diseño aguante el uso real.
Herramientas de trabajo en 2026
La herramienta dominante es una: Figma. En 2026 más del 90% de los equipos de producto en España y LATAM usan Figma como base de trabajo. Incluye:
- Figma (design): wireframes, prototipos, componentes, design system, handoff
- FigJam: pizarra colaborativa para workshops, flujos, card sorting, críticas
- Figma Slides: presentación del diseño
Junto a Figma, herramientas complementarias para tareas específicas:
- Optimal Workshop para card sorting y tree testing formales
- Maze para tests remotos no moderados sobre prototipos
- Whimsical para sitemaps y flowcharts rápidos
- Miro para workshops más grandes (alternativa a FigJam)
- Notion / Confluence para la documentación de decisiones
Sketch y Adobe XD todavía existen pero están en declive. Framer crece como alternativa para quien quiere integrar código real en el proceso de diseño. ProtoPie y Origami Studio mantienen un nicho para micro-interacciones nativas complejas.
Qué entrega un Interaction Designer
Lo que produce a diario un interaction designer:
- Flow diagrams: cómo pasa el usuario de un estado a otro
- Wireframes: la estructura de cada pantalla clave
- Prototipos clickables: el prototipo navegable en Figma que se puede probar
- Especificaciones de comportamiento: qué ocurre en cada escenario (loading, error, success)
- Documentación de decisiones: por qué se eligió un enfoque en vez de otro
- Reviews en critique: presentación de los diseños al equipo para feedback
- Handoff a ingeniería: instrucciones claras para la implementación
Un interaction designer senior dedica una cuota significativa del tiempo fuera de Figma: en reuniones, workshops y escritura. El diseño puro es el 30-50% del día típico, no el 100%.
El rol del Interaction Designer en el equipo
En un equipo de producto estructurado en 2026, el Interaction Designer se sitúa entre el Product Manager (que decide qué construir y cuándo) e ingeniería (que construye). Sus interlocutores diarios:
- Product Manager: alineamiento sobre prioridades, features y restricciones de tiempo
- UX Researcher: compartir insights y validar hipótesis
- Visual/UI Designer: paso del wireframe al diseño final (en muchos equipos de España y LATAM estos roles se combinan bajo "Product Designer")
- Ingenieros front-end: discusión de viabilidad, review de la implementación
- UX Writer: definición de los textos en los wireframes
El IxD no es un rol aislado. Los mejores interaction designers son los que construyen puentes entre disciplinas, no los que "entregan archivos y desaparecen".
Salarios del Interaction Designer en España y LATAM en 2026
Salarios España 2026 (InfoJobs, Glassdoor ES):
- Junior (0-2 años): 26.000 - 34.000 € brutos
- Mid (2-5 años): 35.000 - 48.000 €
- Senior (5-8 años): 48.000 - 65.000 €
- Lead / Principal (8+ años): 65.000 - 90.000 €
Salarios LATAM 2026 (Glassdoor, Levels.fyi, en USD anuales):
- México: Junior $19-29k, Mid $32-50k, Senior $52-78k, Lead $78-115k+
- Argentina: Junior $12-22k, Mid $25-42k, Senior $45-72k (mercado muy orientado a contratos remotos en USD)
- Colombia: Junior $16-26k, Mid $30-46k, Senior $50-74k, Lead $75-108k
- Chile: Junior $21-31k, Mid $33-52k, Senior $54-80k, Lead $82-118k
Con contratos remotos para empresas US/europeas los rangos suben entre un 40 y un 100%. Para el cuadro completo de los salarios UX lee la guía 2026.
En España y LATAM muchos interaction designers llevan el título "UX Designer" o "Product Designer" porque el rol puro de IxD es menos frecuente que el del generalista. La etiqueta no siempre indica el trabajo real.
Cómo convertirte en Interaction Designer
El camino típico:
- Bases de user research: sin entender cómo recoger insights no puedes traducirlos en diseño
- Dominio de Figma avanzado: componentes, variants, auto-layout, interactive components, prototyping
- Conocimiento de los patrones estándar: lee los design systems públicos (Material, Apple HIG, IBM Carbon, Shopify Polaris)
- Estudio de los principios cognitivos: psicología Gestalt, heurísticas de Nielsen, ley de Hick
- Construcción de un portfolio con 2-3 casos de estudio end-to-end: problema → research → flujos → wireframes → prototipos → tests
Bootcamps como Platzi, Coderhouse e Ironhack tienen programas específicos de UX/UI en español. Para la roadmap detallada lee cómo convertirte en UX Designer.
Preguntas frecuentes
¿Cuál es la diferencia entre Interaction Design y UX Design?
El UX Design es el paraguas: incluye user research, arquitectura de la información, interaction design, visual design y UX writing. El Interaction Design es una de las disciplinas dentro de ese paraguas, enfocada en cómo interactúa el usuario con el sistema (flujos, wireframes, prototipos, comportamientos). En muchas empresas de España y LATAM los dos términos se usan como sinónimos bajo el título "Product Designer".
¿Un Interaction Designer debe saber programar?
No, pero debe entender qué es viable. Conocer las bases de HTML, CSS y los límites de los frameworks front-end comunes hace que el diseñador sea mucho más eficaz colaborando con los ingenieros. No hace falta escribir código de producción.
¿Figma es la única herramienta para Interaction Design?
Prácticamente sí en 2026. Otras herramientas existen (Sketch, Framer, ProtoPie, Origami Studio para casos específicos) pero Figma cubre el 90% del trabajo diario. Aprender Figma a fondo es más importante que conocer cinco herramientas a medias.
¿Cuánto tiempo se tarda en ser Interaction Designer?
Partiendo de cero: 9-15 meses de estudio serio más práctica para llegar a un nivel junior contratable. Partiendo de un background afín (gráfica, desarrollo, investigación): 6-10 meses. Partiendo de UX generalista con 2-3 años de experiencia: 3-6 meses de foco específico.
¿La IA reemplazará al Interaction Designer?
Las herramientas de IA están automatizando algunos aspectos ejecutivos (generación de primeras versiones de wireframes, sugerencia de patrones, escritura de microcopy). Lo que sigue siendo insustituible es la capacidad de tomar decisiones estratégicas, entender el contexto del usuario y defender decisiones ante los stakeholders. El rol evolucionará, no desaparecerá.
¿Puedo especializarme en Interaction Design sin ser bueno en visual?
Sí, y es uno de los caminos más estratégicos de 2026. Los equipos maduros tienen Visual Designers dedicados trabajando en el visual puro, dejando al Interaction Designer la parte de estructura y comportamiento. Ser fuerte en uno de los dos lados y aceptable en el otro suele ser mejor que ser mediocre en ambos.
Próximos pasos
El Interaction Design es uno de los roles más demandados y mejor pagados del UX. Para construir tu camino:
- Estudia los métodos de base con la guía de user research
- Profundiza en la arquitectura de la información que precede a cualquier wireframe
- Aprende a hacer wireframes efectivos en Figma
- Domina las heurísticas de usabilidad para evaluar tus propios diseños
El módulo de Interaction Design de CorsoUX es uno de nuestros cuatro módulos principales, con mentores senior que corrigen cada ejercicio y te acompañan en la construcción de un portfolio de casos de estudio completos.
