Hola a todo el mundo :)

A continuación o dejo la presentación de mi propuesta para este último reto.

Prototipo de alta fidelidad y flujos de interacción.
Validación e iteración-> Headspace (B2B)

Este proyecto parte del reto de diseñar y validar un prototipo funcional que permita a profesionales y organizaciones crear y gestionar contenidos dentro de un nuevo entorno B2B. A lo largo del proceso se ha trabajado tanto el planteamiento de los flujos como su validación mediante test de usabilidad, iterando sobre el prototipo para mejorar su claridad y coherencia.

Desde el inicio se propusieron cuatro flujos de interacción distintos para completar las tareas, con el objetivo de ofrecer alternativas y facilitar la experiencia a los participantes. Sin embargo todas las personas que participaron en el test siguieron el recorrido inicial de Crear cuenta y primeros pasos para completar las tareas. Esto indica que las primeras acciones dentro de la plataforma están bien guiadas y que los usuarios no sienten la necesidad de abandonar el flujo principal para buscar atajos o acciones complementarias.

A partir de la entrega del reto 2, los flujos y acciones se rehicieron para reducir la carga cognitiva, introduciendo pasos intermedios y aplicando el principio de progressive disclosure. Este ajuste se aprecia especialmente en la fase de Primeros pasos, donde el sistema acompaña al usuario de forma más gradual. En las imágenes del prototipo se puede observar cómo esta secuenciación ayuda a comprender mejor qué se espera del usuario en cada momento.

La construcción del prototipo permite una navegación fluida y bidireccional, haciendo posible volver atrás, corregir acciones y recorrer las pantallas sin bloqueos. El uso de los componentes y la jerarquía visual responden a criterios funcionales claros, lo que facilita la comprensión general del sistema incluso sin instrucciones previas.

Uno de los aspectos más complejos del proyecto ha sido adaptar el sistema visual de Headspace a un nuevo contexto. Respetar los principios de la marca y su manera de plantear los componentes ha requerido una selección cuidadosa, ya que el sistema ofrece múltiples alternativas. Se han escogido aquellas que mejor se adecuaban a cada situación, como el uso del switch button para cambiar el estado de las publicaciones o el radio button para la selección de categorías, siguiendo patrones ya presentes en la app, por ejemplo en la elección de idioma.

La replicación de animaciones y transiciones también ha supuesto una dificultad añadida, ya que la app combina distintos tipos de movimiento según el componente: transiciones lineales, cambios de opacidad o combinaciones de ambos. En el prototipo se ha buscado un equilibrio entre fidelidad visual y funcionalidad, priorizando siempre la comprensión del flujo.

Para evitar conflictos durante la simulación, el prototipo se ha iterado siempre sobre los mismos componentes, sin generar duplicados innecesarios. Esto ha llevado a concentrar el trabajo en una única página llamada Prototipo iterado, lo que ha permitido mantener un sistema más limpio y facilitar las actualizaciones. Gracias a esta decisión, las mejoras detectadas durante el test pudieron aplicarse de forma más ágil.

El test de usabilidad ha aportado datos significativos para detectar oportunidades de mejora. Algunas decisiones que desde el punto de vista del diseñador parecían evidentes no lo fueron tanto para los usuarios, lo que permitió resolver dudas previas, como la apariencia y funcionamiento del selector de carpetas.

Durante esta fase surgieron también inconvenientes técnicos derivados del uso del prototipo en smartphones, como la visualización incompleta de la interfaz o la aparición del mensaje “Missing font”. Este último tuvo un impacto notable en el diseño, ya que provocó que el componente de edición de la descripción del recurso se viera desproporcionado respecto al resto, al aumentar el tamaño del texto más del doble de lo asignado. Una vez identificado el problema, los ajustes pudieron realizarse con rapidez gracias a la correcta vinculación de los componentes.

Durante la preparación del video presentación se pudieron detectar pequeños ajustes en las interacciones y mejorar la coherencia del recorrido mostrado. Destacar en este punto la imposibilidad de realizar la presentación en los 3 min indicados planteando los objetivos, hallazgos, etc… que se piden en la rúbrica de evaluación. Un aspecto que no se aborda en la presentación es la opción de completar el perfil desde el apartado de configuración si el usuario no la había añadido previamente por el mismo motivo, priorizando explicar de dónde venían los cambios antes que mostrar todas las vías para desarrollar esta acción, que se mostró completada por todos los participantes desde ese flujo de primeros pasos.

A nivel personal, este proyecto ha servido para reflexionar sobre la importancia de no dar por supuestas ciertas decisiones de diseño y de validar siempre con usuarios reales. Las dificultades encontradas, tanto a nivel de sistema visual como técnico, han supuesto un aprendizaje relevante y han permitido sentar una base más sólida para futuribles fases del diseño de producto.

Link a la Presentación en video

Flujos de interacción

• Crear una cuenta (recorrido completo bi-direccional)
• Sube tu primer recurso
• Elimina un recurso
• Borra una carpeta
• Cambiar a borrador uno de los recursos

¡Hola! Comparto con vosotros mi propuesta para la app B2B de Headspace. La he llamado Headspace Business, y se trata de un marketplace para que diferentes organizaciones puedan subir diferentes contenidos y compartirlos con las personas. Os dejo mi vídeo a continuación.

También podéis probar el prototipo pinchando aquí.

Pasad buen finde.

¡Un saludo!

Durante esta práctica se ha llevado a cabo el desarrollo de un prototipo de la aplicación de Headspace B2B, específica para el trabajo de empresas.

El trabajo comenzó con la base ya obtenida (gracias al  ejercicio de Prototipo – R2) de la elaboración del prototipo en baja fidelidad, centrándose en la definición de la estructura, la navegación y de los flujos principales de la aplicación.

Gracias a esta base, se llevó  a cabo el prototipo de alta fidelidad, de una manera mucho más definida y detallada, las pantallas finales de la App y de sus elementos interactivos.

A lo largo del proceso, se trabajó también en la reutilización de elementos ya usados en el App base de Headspace, asegurando así la coherencia visual y funcional entre las distintas interfaces.

El proyecto se completó con la realización de un test de usabilidad, cuyo objetivo fue validar el flujo diseñado y detectar los posibles puntos de mejora. Este enfoque ha permitido entender el prototipado no solo como un resultado visual, sino como una herramienta para poder explorar, validar y mejorar la experiencia del propio usuario.

Enlace al prototipo

En este último reto, se ha desarrollado un prototipo de alta fidelidad inspirado en el estilo y la narrativa de Headspace. La plataforma está dirigida al ámbito B2B y permite a las empresas publicar contenidos relacionados con el bienestar emocional de sus empleados y empleadas.

A lo largo del proyecto se ha analizado el estilo de Headspace y se ha ido iterando en el diseño de los flujos para esta nueva aplicación; inicialmente en baja fidelidad para ir puliéndolo en futuras iteraciones.

Una vez completado el prototipo, se llevó a cabo una prueba con usuarios, en la que participaron tres personas. A pesar de las limitaciones metodológicas del test, fue posible identificar conclusiones relevantes y puntos de fricción que sirvieron como base para iterar el diseño e incorporar mejoras que resolvieron las principales limitaciones del prototipo inicial.

El resultado ha sido una nueva iteración del prototipo de alta fidelidad, en el que se han tenido en cuenta estas fricciones y se han aplicado las propuestas de mejora derivadas del proceso de evaluación.

En este enlace al prototipo podéis acceder a la última versión.