Design Thinking: proyectos ágiles y centrados en el usuario

Después de conocer los principios de las metodologías ágiles, Scrum, Kanban y Lean Startup, surge una pregunta: ¿cómo aseguramos que lo que desarrollamos conecta realmente con las necesidades del usuario? La respuesta está en Design Thinking, una metodología que complementa a las anteriores, enfocándose en entender profundamente al usuario, diseñar soluciones centradas en sus necesidades y validarlas rápidamente antes de construirlas de forma iterativa.

En entornos donde se busca agilidad y valor real desde el primer momento, integrar Design Thinking en las fases iniciales del proyecto no solo permite reducir riesgos de fracaso en el mercado, sino también alinea los desarrollos con expectativas reales, fomenta la innovación continua y facilita la creación de productos o servicios que verdaderamente resuelven problemas relevantes para el usuario.

1. ¿Qué es Design Thinking?

Design Thinking es un enfoque práctico para la resolución de problemas centrado en las personas. Combina investigación, creatividad y prototipado rápido para entender necesidades y diseñar soluciones relevantes.

Aunque surgió en el ámbito del diseño industrial y de servicios, hoy su uso es transversal: empresas tecnológicas, startups, educación y hasta organismos gubernamentales aplican Design Thinking para innovar de forma más efectiva.

A diferencia de otras metodologías que estructuran cómo gestionar un proyecto (Scrum, Kanban) o cómo validar hipótesis de negocio (Lean Startup), Design Thinking trabaja el qué y el para quién desde el inicio.

2. Las 5 fases del proceso de Design Thinking

Aunque no es un proceso rígido ni lineal, normalmente se estructura en cinco fases interconectadas que forman un ciclo continuo, permitiendo volver a cualquiera de ellas y refinar el enfoque según los nuevos aprendizajes:

• Empatizar: Comprender profundamente a los usuarios mediante observación, entrevistas y análisis de contexto.
• Definir: Sintetizar la información recogida para plantear un problema o reto claro, específico y centrado en el usuario.
• Idear: Generar una amplia gama de ideas creativas sin juzgar, buscando cantidad y diversidad.
• Prototipar: Construir representaciones rápidas de las soluciones (Ver tipos de prototipos: mockups, wireframes…) para visualizarlas y evaluarlas.
• Testear: Probar los prototipos con usuarios reales, obtener retroalimentación valiosa y ajustar las soluciones.

💡 Curiosidad: Cuando la empresa Oral-B quiso lanzar su primer cepillo de dientes inteligente, no comenzó diseñando tecnología. Aplicaron Design Thinking entrevistando a más de 300 usuarios para descubrir qué les frustraba del cepillado. El principal hallazgo no fue técnico, sino emocional: las personas querían sentirse orgullosas de su salud bucal. Este insight cambió toda la estrategia de diseño del producto.

👉 Definición insight: es una comprensión profunda de las necesidades o deseos reales de las personas, más allá de lo que expresan directamente. Identificar un buen insight permite diseñar soluciones que conectan de verdad con el usuario.

3. Cómo se integra Design Thinking con metodologías ágiles

Un error común es ver Design Thinking como algo separado de las metodologías ágiles. En realidad, funcionan de manera complementaria:

• Design Thinking: descubre problemas y necesidades, genera ideas y crea prototipos iniciales.
• Lean Startup: convierte las mejores ideas en experimentos mínimos viables, validándolos rápidamente en el mercado.
• Scrum/Kanban: gestiona el desarrollo iterativo, priorizando entregas de valor real al usuario.

Por ejemplo, un equipo puede usar Design Thinking en los primeros sprints para explorar una necesidad de usuario, construir un prototipo funcional y, después, pasar a un ciclo Scrum tradicional para evolucionarlo con entregas incrementales.

👉 Pregunta para reflexionar: ¿Qué ocurre si lanzamos un producto ágilmente sin aplicar Design Thinking? La respuesta es clara: podemos construir de manera muy eficiente… un producto que nadie necesita. Invertir tiempo en empatizar y validar al inicio no ralentiza un proyecto; lo enfoca.

4. Herramientas esenciales en Design Thinking

Para llevar a cabo cada fase de forma efectiva, se utilizan distintas herramientas prácticas:

• Mapa de empatía: Ayuda a visualizar qué piensa, siente, ve y escucha el usuario.
• Brainstorming estructurado: Fomenta la generación masiva de ideas con técnicas como SCAMPER.
• Personas o arquetipos de usuarios: Creación de arquetipos de usuarios basados en datos reales.
• Prototipado rápido: Sketches, mockups o simulaciones que permiten testear conceptos en poco tiempo.

4.1. Mapa de empatía

El mapa de empatía es una herramienta visual que sintetiza, de forma estructurada, la información cualitativa sobre un usuario o grupo de usuarios. Su propósito es ayudarnos a “ponernos en sus zapatos”, comprendiendo no solo datos demográficos, sino también su mundo interior: pensamientos, emociones, percepciones y comportamientos.

Desde un punto de vista técnico, el mapa se divide habitualmente en seis áreas principales:

1. Piensa y siente: recoge las ideas, preocupaciones y aspiraciones más profundas. Aquí indagamos en qué ocupa su mente, qué le motiva o estresa.
2. Ve: describe el entorno físico y social del usuario: qué observa en su día a día, qué influencias visuales recibe (medios, entornos, referentes).
3. Escucha: abarca las fuentes de información y feedback que recibe: comentarios de amigos, mensajes de redes o recomendaciones profesionales.
4. Dice y hace: sintetiza lo que el usuario expresa y sus acciones observables: frases que pronuncia o comportamientos habituales.
5. Dolores o esfuerzos (pains): identifica frustraciones, obstáculos y riesgos que enfrenta; aquello que le causa insatisfacción o inquietud.
6. Ganancias (gains): enumera deseos, expectativas y beneficios que busca; sus motivadores y criterios de éxito.

Para elaborarlo de manera eficaz:

• Recolecta datos cualitativos: entrevistas, observación directa o encuestas abiertas.
• Agrupa insights: clasifica las citas textuales, anotaciones y hallazgos en cada uno de los seis bloques.
• Prioriza: subraya los pains y gains más relevantes, aquellos que marcarán la propuesta de valor.
• Itera: revisa el mapa con tu equipo o usuario real, ajustando contenidos y peso de cada apartado.

Al final obtendrás un lienzo que te comunica la esencia de tu usuario. Esto permitirá orientar las siguientes fases de ideación y prototipado hacia soluciones verdaderamente centradas en sus necesidades. A continuación se muestra un ejemplo de esquema de mapa de empatía para completar con post-its las seis áreas mencionados.

4.2. Brainstorming estructurado

El brainstorming estructurado es una técnica de generación masiva de ideas en equipo que aplica “filtros” para orientar la creatividad y asegurar un análisis sistemático de nuestro reto. A diferencia del brainstorming libre, aquí seguimos un método concreto para estudiar todas las posibilidades y evitar bloqueos o repeticiones.

El brainstorming libre, o lluvia de ideas, es una dinámica de grupo en la que se busca generar tantas ideas como sea posible sin juicios ni censuras: cada participante aporta de forma espontánea y rápida, construyendo sobre las propuestas de los demás. El objetivo es fomentar la creatividad desinhibida y explorar un abanico amplio de soluciones antes de filtrar o priorizar.

Uno de los métodos más usados es SCAMPER, cuyas siglas nos invitan a replantear un producto o servicio desde siete perspectivas:

S Sustituir (Substitute) ¿Qué elementos puedo reemplazar por otros más eficaces o novedosos?

• Sustituir textos largos por micro-contenidos interactivos.
• Sustituir menú desplegable por búsqueda predictiva.
• Sustituir tutoriales en vídeo por guías paso a paso con checkpoints.

C Combinar (Combine) ¿Qué dos o más ideas, funciones o tecnologías puedo unir para crear algo nuevo?

• Combinar chat en tiempo real con foro de preguntas y respuestas.
• Combinar notificaciones push con resumen diario por email.
• Combinar onboarding gamificado con sistema de logros y badges.

A Adaptar (Adapt) ¿Cómo podría ajustar el producto a otros contextos, audiencias o formatos?

• Adaptar la plataforma para lectura offline en dispositivos de bajo coste.
• Adaptar la interfaz para modos de alto contraste y accesibilidad.
• Adaptar el contenido al formato podcast para aprendizaje en movilidad.

M Modificar / Magnificar / Minimizar (Modify / Magnify / Minimize) ¿Qué ocurre si cambio drásticamente tamaño, intensidad o alcance de alguna característica?

• Magnificar la sección de valoraciones con visualizaciones de datos.
• Minimizar pantallas de registro a un solo paso con autenticación social.
• Modificar el layout para priorizar contenido personalizado sobre genérico.

P Poner en otro uso (Put to another use) ¿Para qué más podría servir este elemento o proceso?

• Usar la API interna para alimentar un chatbot de soporte.
• Reutilizar plantillas de email como micro-cursos por WhatsApp.
• Usar datos de uso para generar informes automáticos para managers.

E Eliminar (Eliminate) ¿Qué puedo quitar para simplificar y mejorar la experiencia?

• Eliminar cuestionarios largos y sustituirlos por encuestas rápidas in-app.
• Quitar pasos intermedios en la compra y ofrecer “compra en 1 clic”.
• Eliminar menús complejos y reemplazarlos por navegación contextual.

P Reordenar / Invertir (Rearrange / Reverse) ¿Qué pasa si cambio el orden de las etapas o invierto su secuencia?

• Reordenar el flujo: presentar casos de éxito antes de la teoría.
• Invertir el onboarding: iniciar con un reto práctico y luego explicar la plataforma.
• Reorganizar el menú para agrupar funciones según frecuencia de uso, no tema.

Cómo aplicarlo paso a paso:

1. Define claramente el reto u objetivo de la sesión.
2. Dedica 5–10 minutos a cada sección de SCAMPER, anotando ideas en post-its o en tablero digital.
3. Agrupa propuestas similares y vota las más prometedoras.
4. Selecciona 3–5 ideas para llevar a la fase de prototipado o validación.
5. Documenta y comparte los resultados con el equipo para su seguimiento.

A continuación se muestra una plantilla para que puedas ver cómo se aplica SCAMPER en una sesión de brainstorming:

4.3. Personas o arquetipos de usuario

Las personas (o arquetipos de usuario) son perfiles semificticios que representan segmentos reales de usuarios, sintetizando sus motivaciones, objetivos, frustraciones y comportamientos en un “personaje” al que el equipo puede referirse continuamente. Mientras que el mapa de empatía desgrana emociones y percepciones en un momento concreto, las personas agrupan patrones de distintos usuarios para guiar decisiones de diseño, funcionalidad y contenido a lo largo de todo el proyecto.

¿Por qué usar personas?

• Focalizan el diseño en necesidades reales, evitando soluciones “genéricas”.
• Facilitan la comunicación: todos hablan de “María” o “Javier” en vez de “el usuario”.
• Permiten priorizar funcionalidades según el valor que aportan a cada arquetipo.

Pasos para elaborar una persona

1. Recolecta datos
   • Entrevistas cualitativas, encuestas cuantitativas, análisis de uso.
2. Segmenta usuarios
   • Agrupa comportamientos y objetivos comunes; define 2–5 segmentos principales.
3. Define atributos clave
   • Demográficos: edad, rol profesional, nivel de estudios.
   • Objetivos: metas que busca alcanzar con el producto.
   • Pains: principales retos, miedos y barreras.
   • Gains: motivaciones, beneficios esperados.
   • Comportamientos: canales que usa, frecuencia de interacción.
4. Redacta el perfil
   • Asigna nombre y fotografía/avatar.
   • Escribe una breve biografía que describa su día a día.
   • Añade una “cita clave” que refleje su motivación o frustración principal.
5. Valida y ajusta
   • Revisa con stakeholders y, si es posible, con usuarios reales.
   • Refina atributos y prioridades según nuevos hallazgos.

A continuación puedes ver una plantilla para crear tus arquetipos o «buyer persona».

4.4. Prototipado rápido

El prototipado rápido consiste en crear versiones preliminares de la interfaz o el producto con el mínimo esfuerzo y en el menor tiempo posible, para poder validar hipótesis y detectar mejoras antes de invertir en desarrollo.

• Objetivo
  • Obtener feedback temprano de usuarios y stakeholders.
  • Identificar problemas de usabilidad y flujo.
  • Alinear expectativas de diseño y funcionalidad.
• Niveles de fidelidad
  1. Bocetos a mano (low-fi)
     • Dibujos rápidos en papel o pizarra.
     • Sirven para explorar múltiples ideas sin detalles.
  2. Wireframes digitales (mid-fi)
     • Estructura visual sin estilo gráfico: cajas, placeholders y texto.
     • Permiten probar jerarquías de información y navegación.
  3. Mockups estáticos (hi-fi)
     • Maquetas con estilo gráfico completo: colores, tipografías e iconos.
     • Muestran con realismo la apariencia final.
  4. Prototipos interactivos
     • Enlazan pantallas para simular flujos de usuario.
     • Permiten clicar y navegar como si fuera la aplicación real.
• Proceso recomendado
  1. Define el objetivo de la prueba (¿qué quieres validar?).
  2. Elige el nivel de fidelidad adecuado al riesgo y al público.
  3. Construye rápido usando plantillas o componentes reutilizables.
  4. Testea con usuarios reales o con el equipo, recopila feedback.
  5. Itera: ajusta el prototipo y repite pruebas hasta resolver los principales puntos de dolor.
• Herramientas habituales
  • Figma, Sketch o Adobe XD para wireframes y mockups.
  • InVision o Marvel para añadir interactividad a tus pantallas.
  • Balsamiq para wireframes muy rápidos.

👉 Para profundizar en tipos de prototipos y en un flujo de trabajo concreto, consulta este artículo en Eniun: Prototipos de diseño de interfaces web

👉 Si quieres seguir un tutorial paso a paso para crear tu primer prototipo en Figma, aquí lo tienes: Tutorial Figma

5. Casos reales de éxito usando Design Thinking

Estos ejemplos demuestran que comprender a fondo al usuario no solo mejora productos o servicios, sino que puede transformar modelos de negocio completos, impulsando innovación y resultados tangibles.

5.1. Caso 1: BBVA – Rediseño de su app móvil centrado en el cliente

BBVA aplicó principios de Design Thinking para rediseñar su aplicación móvil, enfocándose en la experiencia del usuario. Este enfoque permitió que los equipos de diseño, ingeniería y desarrollo de negocios trabajaran conjuntamente en pequeños grupos con ciclos de entrega cortos, lo que resultó en una aplicación más intuitiva y eficiente. Este rediseño mejoró significativamente la experiencia del cliente y la eficiencia operativa. Ver más información del caso BBVA

5.2. Caso 2: Airbnb – Incremento de ingresos mediante mejoras en las fotografías

En sus inicios, Airbnb enfrentaba dificultades financieras. Al aplicar Design Thinking, los fundadores identificaron que las fotografías de baja calidad de los alojamientos eran un obstáculo para las reservas. Al mejorar las imágenes, los ingresos semanales se duplicaron, lo que validó la importancia de centrarse en las necesidades y percepciones del usuario.

5.3. Caso 3: Oral-B – Rediseño de cepillos eléctricos infantiles

Oral-B colaboró con la firma de diseño IDEO para rediseñar sus cepillos eléctricos infantiles. Observando cómo los niños usaban los cepillos, identificaron que los mangos delgados eran difíciles de manejar para ellos. El nuevo diseño, con un mango más grueso y ergonómico, facilitó su uso y mejoró la experiencia de cepillado para el público infantil. Ver más información del caso Oral-B

Como ves, incorporar Design Thinking en la gestión de proyectos ágiles es una estrategia interesante para construir soluciones que verdaderamente impacten en la vida del usuario. En combinación con metodologías como Lean Startup, Scrum o Kanban, permite innovar con foco, agilidad y propósito.

Esta es la última sección del módulo dedicado a metodologías ágiles. Hemos visto cómo cada una aporta herramientas y enfoques distintos pero complementarios para gestionar proyectos y crear valor real.

Ahora, con toda esta base, ¿qué metodología o práctica crees que podría complementar mejor tu forma de trabajar? ¿Hay alguna herramienta o enfoque que aún no hayamos estudiado y que consideres esencial? Esperamos que este contenido te haya resultado útil. ¡Nos encantaría conocer tu opinión y experiencias!

6. Ejercicios sobre Design Thinking

6.1. Ejercicio 1: Verdadero o falso

Lee cada afirmación y marca si es verdadera o falsa:

6.2. Ejercicio 2: Crea un mapa de empatía con Miro

Vamos a aprender a usar mapas de empatía para definir mejor a nuestros usuarios antes de diseñar soluciones para ellos.

Caso práctico:
Imagina que nuestro usuario se llama Laura. Tiene 34 años, trabaja como administrativa y está pensando en formarse en diseño UX/UI para cambiar de profesión. Su objetivo es encontrar un trabajo más creativo y flexible, pero tiene algunas dudas y miedos sobre dar este paso.

Pasos a seguir:

1. Abre Miro y crea un nuevo tablero.
2. Busca la plantilla de Empathy Map (mapa de empatía).
3. Completa cada bloque basándote en lo que podría pensar, sentir, ver, oír, decir y hacer Laura. También identifica sus dolores (miedos y frustraciones) y sus ganancias (lo que quiere lograr).
4. Si quieres, añade una foto o avatar que represente a Laura en el centro.

Ejemplo: A continuación, te mostramos un ejemplo realizado con Miro para que te sirva de referencia.

📸 Entrega: Haz una captura de pantalla de tu mapa de empatía completo y súbela como entrega de este ejercicio.

6.3. Ejercicio 3: Usa la plantilla SCAMPER de Miro

En este ejercicio vas a poner en práctica la técnica SCAMPER usando una plantilla de Miro. El objetivo es generar ideas de mejora para un producto concreto siguiendo cada una de las siete perspectivas.

Caso práctico propuesto: Imagina que trabajas en una plataforma de cursos online de UX/UI y quieres innovar en la experiencia de tus alumnos.

Pasos a seguir:

1. Accede a la plantilla
   • Entra en Miro y abre esta plantilla: miro.com/es/plantillas/scamper/
2. Duplica el tablero
   • Haz clic en “Use template” (Usar plantilla) y crea tu propia copia en tu espacio de trabajo.
3. Define el reto
   • En el título o cabecera del tablero escribe:
     Reto SCAMPER: mejorar la plataforma de cursos UX/UI
4. Aplica cada letra de SCAMPER
   • S (Sustituir): anota 3 ideas para reemplazar elementos actuales por alternativas más efectivas.
   • C (Combinar): genera 3 propuestas para unir funciones o tecnologías distintas.
   • A (Adaptar): piensa en 3 formas de adaptar el servicio a nuevos contextos o usuarios.
   • M (Modificar/Magnificar/Minimizar): escribe 3 ideas que cambien drásticamente tamaño, alcance o intensidad de alguna característica.
   • P (Poner en otro uso): sugiere 3 usos alternativos para componentes existentes.
   • E (Eliminar): identifica 3 elementos que podrías quitar para simplificar o mejorar.
   • R (Reordenar/Invertir): propón 3 cambios de secuencia o inversión de flujo.

📸 Entrega: Haz una captura de pantalla completa de tu tablero SCAMPER y súbela como entrega de este ejercicio.

6.4. Ejercicio 4: Aprende a hacer prototipos con Figma

Sigue nuestro tutorial y completa las prácticas indicadas sobre guías de estilo y prototipos:
👉 Accede al tutorial de Figma en Eniun