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.

Conquistar la Emetofobia. Bia comenzó como Conquer Emetophobia, un sitio web estático con contenido simple de exposición para la emetofobia. El sitio explicaba cómo el ciclo de evitación causa fobia y por qué la exposición funciona para desaprender la fobia, luego proporcionaba una pequeña cantidad de contenido en forma de letras, palabras, frases e imágenes. Personalmente, usé esta versión durante meses durante mi primer intento de terapia de exposición. Visitaba cada nivel en orden en mi teléfono o computadora y practicaba moviéndome a través del contenido hasta que el contenido dejaba de desencadenar una respuesta de ansiedad. El sitio era claro y fácil de usar, aunque no muy bonito, y no tenía compromiso ni personalización. Todo el trabajo de garantizar una sesión de exposición positiva recaía en mí como usuario, ya que el sitio ofrecía poco más que un catálogo de contenido de exposición. A medida que compartía esto con otros que también estaban comenzando su recuperación de la emetofobia, las personas pedían tipos específicos de contenido, nuevos niveles, un mejor soporte para dispositivos móviles, pero, 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 interesa conocer sus historias y comentarios, por favor contáctenos en cualquier momento. Además, consulte esta entrada de blog relacionada sobre la historia de Bia.