Portafolio · Laboratorio IA

Reducir el riesgo de producto con prototipado acelerado

Cómo una hipótesis de navegación se puede validar con usuarios reales en horas, no semanas.

Rol
Senior Product Designer
Duración
3 días
Herramientas
Figma, IA generativa, Validación con usuarios
Ironline CrossFit booking app

El Reto

Una navegación sin prioridades claras

La aplicación original de CrossFit arrastraba un problema estructural de priorización.

La acción principal del producto — reservar una clase — no ocupaba un lugar destacado dentro de la navegación.

El exceso de botones distribuidos por la interfaz generaba ruido visual y dificultaba que las personas usuarias identificaran con rapidez las acciones principales.

El análisis de la experiencia reveló una oportunidad clara: rediseñar la navegación completa introduciendo una barra de pestañas como eje principal del producto.

Esta solución permitía:

  • Priorizar la reserva de clases.
  • Reducir la carga cognitiva.
  • Mejorar la jerarquía visual.
  • Dar mayor consistencia a la navegación.
  • Facilitar futuras ampliaciones del producto.

La Hipótesis

Una pregunta antes de construir

Antes de invertir tiempo de desarrollo en la solución definitiva, era necesario responder una pregunta de producto:

¿Una arquitectura basada en una barra de pestañas mejora realmente la interacción y la usabilidad?

Para validar esta hipótesis se optó por construir un MVP navegable que permitiera realizar pruebas con usuarios reales antes de comprometer recursos de desarrollo.

El Proceso

De Figma a un MVP navegable

El proceso comenzó con el diseño de pantallas base en Figma que representaran la nueva arquitectura del producto.

Estas pantallas no buscaban resolver el diseño visual final, sino validar:

  • Arquitectura
  • Navegación
  • Interacción
  • Flujo de reserva
Pantallas del prototipo diseñadas en Figma

Para acelerar el proceso de validación, el prototipo se construyó con una paleta monocromática en tonos azules, eliminando cualquier elemento visual que pudiera condicionar los resultados de las pruebas.

Prototipado Acelerado por IA

De pantallas estáticas a experiencia navegable

En lugar de construir manualmente un prototipo de alta fidelidad, las pantallas diseñadas en Figma se utilizaron como base para acelerar la construcción de una experiencia navegable mediante inteligencia artificial.

La IA se utilizó para acelerar:

  • La generación del prototipo funcional
  • La navegación interactiva
  • El comportamiento de las pantallas
  • La estructura inicial del proyecto

Todo el resultado fue revisado y refinado manualmente antes de iniciar las pruebas con usuarios.

El objetivo nunca fue delegar el diseño en la IA.

El objetivo fue acelerar la fase de validación.

¿Por qué IA?

Reducir el riesgo, no automatizar el diseño

El uso de inteligencia artificial en este proyecto no tuvo como fin automatizar decisiones de diseño.

Su propósito fue reducir el riesgo de producto, permitiendo validar una hipótesis de navegación antes de invertir tiempo de desarrollo en una solución definitiva.

Acelerar la construcción del prototipo permitió acortar el camino entre una idea y su validación con usuarios reales.

Resultados

De la idea al test, en horas

El uso de IA permitió disponer de un prototipo navegable funcional en menos de tres horas.

De forma tradicional, un prototipo con un nivel de interacción similar habría requerido, aproximadamente, tres días de trabajo.

Esto permitió iniciar las pruebas con usuarios mucho antes, reduciendo de forma significativa el tiempo entre la idea y la validación.

Prototipo generado en
Menos de 3 horas
Ahorro estimado
3 días de trabajo
Beneficio principal
Validación temprana con usuarios

Prototipo Interactivo

Pruébalo tú mismo

Prototipo interactivo generado a partir del diseño original en Figma y refinado para pruebas de usabilidad.

Aportación de la IA

Acelerar tareas repetitivas

La IA se utilizó para acelerar tareas repetitivas del proceso:

  • Generación del prototipo funcional
  • Navegación interactiva
  • Comportamiento de pantallas
  • Estructura inicial del proyecto
  • Aceleración del MVP

Decisiones del Diseñador

Todas las decisiones, humanas

Todas las decisiones de diseño siguieron siendo humanas. El diseñador fue responsable de:

  • Estrategia de UX
  • Hipótesis de producto
  • Arquitectura de la información
  • Flujos de usuario
  • Modelo de navegación
  • Diseño de interacción
  • Comportamiento de los componentes
  • Accesibilidad
  • Diseño visual
  • Validación de usabilidad
  • Control de calidad

Aprendizajes Clave

La IA no sustituye, acelera

Este proyecto confirma que la inteligencia artificial no sustituye el trabajo de diseño.

Su verdadero valor está en reducir el tiempo entre una hipótesis y su validación con usuarios reales.

Al acortar ese tiempo, los equipos de producto pueden iterar con mayor rapidez y tomar decisiones con más confianza.

Transparencia sobre el Uso de IA

La inteligencia artificial se utilizó exclusivamente para acelerar la implementación técnica del prototipo. Todas las decisiones de producto —estrategia de UX, arquitectura, interacción, navegación, accesibilidad y diseño visual— fueron definidas, revisadas y validadas por el diseñador. Ninguna decisión de experiencia de usuario fue delegada en la IA.

VOLVER A AI LAB
Scroll al inicio