M6.356 - Prototipat - Aula 1

Pública

Prototipo de baja fidelidad – Modelo B2B para Headspace

¡Hola a todos!

A través de esta entrada, os voy a mostrar el ejemplo de prototipado de baja fidelidad que he creado para un nuevo flujo de interacción en la aplicación de Headspace.

En este caso, se trataba de encontrar la forma de integrar en la aplicación las opciones para que el usuario pudiera crear los siguientes elementos:

• Crear un cuenta B2B (para profesionales) y completar el perfil de la organización (número, logotipo, descripción)

• Crear carpetas o secciones para organizar los contenidos publicados

• Publicar un nuevo recurso (por ejemplo, una meditación, un vídeo o un artículo breve) indicando el título y la descripción

• Subir archivos asociados al recurso (imagen, audio o vídeo)

• Asignar categorías o etiquetas al recurso para facilitar su búsqueda en el  marketplace

• Definir el estado del recurso (borrador, publicación) y poder actualizarlo más adelante

• Editar o eliminar un recurso ya existente

• Consultar y gestionar la lista de recursos creados

• Guardar los cambios y confirmar la publicación del recurso en el  marketplace

En este caso, para realizar el prototipado, me he servido de diferentes herramientas de Inteligencia artificial para, mediante prontos  elaborados por mí, guiar la construcción de los diferentes prototipos. He querido usar dos plataformas en este caso: Lovable, y Figma Make . Mi objetivo era tratar de crear flujos diferentes de interacción y comparar ambas creaciones para poder elegir en el futuro aquellos elementos que más nos convengan, de esta forma enriquecemos el flujo de trabajo y conseguimos una mayor diversidad en las posibles soluciones de diseño.

Aquí tiene un ejemplo de las indicaciones que le he ido añadiendo a la app Lovable:

Ejemplo de prompt: «Voy a enviarte imágenes de la app en su versió para IOS, recorda que el prototipo debe ser de baja fidelidad. No tiene porqué tener todos los estilos pero si funcionar.

Me gustaría que la opción de crear un cuenta b2b estuviera incluido en la pantalla ‘Mi perfil’. Necesito que los pasos a seguir sean muy sencillos e intuitivos. Que el usuario pueda encontrarlo en la app de forma fácil. Es una app de Iphone 13 así que sea esa plantilla. Como te decía debe ser un prototipo de baja fidelidad, pero que funcione»

Por otro lado, las indicaciones que he añadido en Figma make son las siguientes:

Ejemplo de pronto Figma Make: «Me gustaría que se simplificase el flujo de interacción y fuera más visual, es una app con contenido relacionado con la salud mental y debe dar sensación de calma. ¿Puedes simplificarlo?»

A continuación, voy a mostrar los dos prototipos que he elaborado a través de estas dos plataformas. Como podéis comprobar la herramienta de inteligencia artificial ha seguido mis indicaciones, creando flujos de interacción muy sencillos que permitan al usuario alcanzar el objetivo de forma rápida y funcional.

En el caso del prototipo de Lovable, en el resultado final se ha utilizado una organización del contenido a través de tarjetas, siguiendo con el diseño de la aplicación de Headspace. En pocos pasos el usuario puede crear su cuenta profesional y el contenido de esta categorizando este a través de etiquetas muy simples que crean diferentes jerarquías. El diseño sigue esa misma línea muy visual y amigable que acerca el contenido al usuario.

Por otro lado, el diseño creado a través de Figma Make está configurado de manera que el contenido y la información que el usuario puede elaborar se compartimenta en diferentes categorías consiguiendo una mayor organización y jerarquía de los elementos. Pero también añade complicaciones a la hora de crear recursos nuevos. Esto puede traducirse en frustración por parte del usuario, al no poder completar la tarea. En cualquier caso, cabe destacar la dimensión del lenguaje visual el cual se ha tratado de cuidar en los dos prototipos, llevando este universo amigable cercano y calmado de Headspace a otras posibilidades.

Espero que os haya parecido interesante la comparación y el resultado de estas dos opciones de prototipado de baja fidelidad.

¡Muchas gracias!