Headspace B2B
Prototipado de Alta Fidelidad y Evaluación con Usuarios

Reto 4

Introducción y Contexto En este último reto de la asignatura, he abordado la fase final del diseño para el módulo B2B de Headspace («Headspace Air»). El objetivo ha sido evolucionar la propuesta desde los wireframes estructurales hacia un prototipo de alta fidelidad funcional, integrando estrictamente el sistema de diseño de la marca (tipografías, paleta de colores cálida y formas orgánicas) para lograr una experiencia realista y empática.

Metodología de Validación Más allá del diseño visual, el núcleo de esta práctica ha sido la validación empírica. Para ello, realicé un test de usabilidad remoto no moderado utilizando la herramienta Maze con una muestra de 6 participantes.

Evaluamos tres flujos críticos:

1. Onboarding y configuración de empresa.

2. Arquitectura de información (Creación de carpetas).

3. Conversión (Publicación de contenido).

Principales Hallazgos e Iteración Gracias al análisis de mapas de calor (heatmaps) y métricas de uso, detectamos oportunidades de mejora que no eran evidentes en la fase de diseño:

• Eficiencia: Aunque la Tasa de Éxito fue del 100%, detectamos una alta carga cognitiva en la tarea de organización, con tiempos medios superiores a los 3 minutos.

• Fricción Crítica (Visibilidad): En el flujo de publicación, registramos una tasa de clics erróneos (Misclick Rate) del 66.7%. Los datos revelaron que el botón principal de acción («Call to Action») quedaba oculto bajo el pliegue de la pantalla (below the fold), obligando a un scroll que los usuarios no anticipaban.

Solución Final Basándome en estos datos, iteré el diseño final ajustando la jerarquía visual e implementando un Sticky Footer para garantizar que la acción principal esté siempre visible, asegurando así la conversión y reduciendo la frustración del usuario.

Pero no quise quedarme con esta versión. Aprovechando las nuevas herramientas de prototipado con AI, decidí trabajar más en la aplicación y generar una v2 de la misma, con interacciones más reales en inputs, transiciones y creación de folders.