Evolución del Diseño de Bia

En esta entrada de blog, aprende cómo evolucionó el diseño de Bia con el tiempo y cómo la contribución de otros usuarios moldeó su aspecto actual.

Conquer Emetophobia. Bia empezó siendo Conquer Emetophobia, una web estática con contenido de exposición sencillo para la emetofobia. La web explicaba cómo el ciclo de evitación causa la fobia y por qué la exposición sirve para desaprenderla, y después ofrecía una pequeña cantidad de contenido en forma de letras, palabras, frases e imágenes. Yo mismo usé esa versión durante meses en mi primer intento de terapia de exposición. Visitaba cada nivel en orden desde el móvil o el ordenador y practicaba avanzando por el contenido hasta que dejaba de provocarme una respuesta de ansiedad. La web era clara y fácil de usar, aunque no muy bonita, y no tenía nada de interacción ni de personalización. Todo el trabajo de que una sesión de exposición saliera bien recaía en mí como usuario, porque la web no ofrecía mucho más que un catálogo de contenido de exposición. Cuando la compartí con otras personas que también empezaban su recuperación de la emetofobia, me pidieron tipos de contenido concretos, niveles nuevos, que funcionara mejor en el móvil y, sobre todo, una forma de seguir su progreso con el tiempo.

El Viaje. La exposición consiste en recuperar gradualmente tu vida de la fobia buscando intencionalmente la incomodidad. Es un proceso basado en la confianza, la confianza de que al pasar por la incomodidad ahora te liberas de la incomodidad de tu fobia más adelante. El rediseño del viaje tenía la intención de visualizar esta confianza. Un viaje completo de 60 ejercicios se dividió en 8 hitos, y cada paso registraba tu progreso. Tener una forma de visualizar el progreso a lo largo del viaje y verte mejorar con el tiempo fue un gran beneficio. De repente, hubo un camino claro para superar la fobia. Confiar en el proceso se volvió más fácil. Una semana de exposición mostraba un progreso real, lo que facilitaba seguir practicando la exposición la semana siguiente.

Colaboración con Profesionales. Si no queda claro en las dos primeras capturas de pantalla, mi gusto personal en diseño no es excelente. Tenía una visión, y el contenido subyacente estaba allí, pero faltaba la experiencia de usuario en la parte superior. Me asocié con la firma de diseño digital Tubik. Trabajamos juntos en cada paso del proceso, comenzando por revisar mi sitio actual, diseñar el flujo de experiencia de usuario, alinear un esquema de colores y crear ilustraciones personalizadas. Estuve extremadamente contento con el resultado final y espero trabajar con Tubik en más características de Bia en el futuro.

El nuevo diseño condensa los ejercicios y ocupa mucho menos espacio vertical. Las ilustraciones personalizadas para diferentes tipos de ejercicios y lecciones hacen que el sitio sea más fácil de navegar, y el progreso es fácil de entender de un vistazo. La vista móvil colapsa un hito y expande un pie de página para ayudar a saltar a cada hito.

Gracias por leer. Siempre me interesan tus historias y comentarios, así que escríbenos cuando quieras. Echa también un vistazo a esta entrada relacionada sobre la historia de Bia.