El Reto: Diseñar para la Empatía y la Accesibilidad
El diseño de productos digitales enfocados en la salud requiere un altísimo nivel de empatía. Para el proyecto Mente Segura, el reto principal fue crear una aplicación móvil que se sintiera como un espacio seguro, utilizando el diseño UX/UI para reducir la fricción al buscar ayuda psicológica. La meta era transmitir calma, confianza y accesibilidad desde el primer toque en la pantalla, logrando que el usuario sienta acompañamiento real en su día a día.
Arquitectura de Información y Wireframes
Antes de definir la paleta cromática, el proyecto comenzó con un análisis estructural (UX). Se desarrollaron wireframes detallados para establecer la jerarquía de las pantallas, validar los flujos de navegación y asegurar que las funciones vitales (como buscar un psicólogo o registrar el estado de ánimo) estuvieran siempre a un par de clics de distancia.
Onboarding: Claridad desde el primer segundo
El flujo de bienvenida (Onboarding) fue diseñado con ilustraciones amigables y mensajes concisos. Se estructuró en tres pilares fundamentales que el usuario descubre al iniciar la app: la conexión con centros de salud mental («Descubre»), un botón de emergencia para momentos de crisis («Apoyo»), y herramientas de autocuidado («Crecimiento»).
Geolocalización y Búsqueda Inteligente
El Dashboard principal fue conceptualizado para dar acceso rápido a las acciones más importantes. Sin embargo, el corazón funcional de la app es su sistema de búsqueda. Implementamos un diseño integrado con mapas interactivos para que los usuarios puedan encontrar el centro psicológico más cercano a su ubicación, visualizar fotos del lugar, costos, horarios y agendar citas directamente desde la interfaz.
Herramientas de Retención: Tracker de Ánimo y Educación
Para asegurar que la aplicación sea de uso continuo, el diseño UI integró dos secciones vitales para el seguimiento del paciente:
-
Mi Mente: Un panel personal donde el usuario puede registrar su estado de ánimo diario, visualizar gráficas de su progreso y revisar el historial de sus sesiones terapéuticas.
-
Consejos: Una biblioteca de recursos educativos estructurada mediante tarjetas visuales (Cards), que incluye guías de primeros auxilios psicológicos, podcasts y artículos para desmitificar la terapia.
Conclusión del Diseño Visual (UI)
El resultado visual se apoya en una paleta cromática basada en tonos verdes (asociados a la salud, el crecimiento y la serenidad), contrastados con espacios en blanco para dar respiro visual. La tipografía sans-serif y las formas orgánicas de los componentes completan una experiencia de usuario accesible, moderna y profundamente humana.