ASSMCA, Puerto Rico

Una app pública de salud mental, un sistema de voluntarios y una herramienta interna de reporte de incidentes para una agencia del gobierno.

Rol

Diseño UX y UI (equipo de tres)

Alcance

App móvil pública, sistema interno de reporte de incidentes, sistema de voluntarios

Año

2020

Cliente

ASSMCA, agencia de servicios de salud mental y adicciones del Gobierno de Puerto Rico, a través de Motivus

El problema: ASSMCA, la agencia de servicios de salud mental y adicciones del Gobierno de Puerto Rico, necesitaba una app móvil pública, un sistema interno para registrar incidentes de suicidio y sobredosis, y un sistema de voluntarios.
Mi rol: Diseñador UX/UI en un equipo de tres en Motivus, en 2020.
Qué decidí: Un botón de ayuda fijo en el centro de la navegación de la app. Un sistema interno organizado por rol.
Dónde está: Los tres se diseñaron, se construyeron y se aprobaron. Salieron en vivo en 2020, un recorte de presupuesto acortó su vida y en 2023 un sitio nuevo ya los había reemplazado.

Contexto y mi rol

El contenido clínico, incluidas las preguntas de la autoevaluación y el texto de los resultados, vino de ASSMCA; diseñamos los flujos alrededor de él.

La solución

En la app, un botón de ayuda fijo en el centro de la navegación abre la línea telefónica, el chat o una autoevaluación de diez preguntas que se responde con tres caritas y termina en un resultado verde, naranja o rojo.

El sistema interno está organizado por rol (administrador, patólogo forense, primer respondiente) en torno a un formulario de incidente de tres pasos, una lista con búsqueda y la administración de cuentas. Los datos de sus pantallas son marcadores de posición.

Cuatro pantallas de una app móvil en amarillo y gris: una pantalla de inicio con tres botones grandes para línea telefónica, chat y autoevaluación sobre una lista de programas cercanos; una hoja inferior que pregunta si la persona necesita apoyo, con tres botones; una pantalla de servicios con cuatro mosaicos; y una lista de eventos con tarjetas con foto. — App pública: inicio, hoja de ayuda desde el botón central, servicios y eventos.

Seis pantallas móviles: una de introducción, dos de preguntas, cada una con tres caritas etiquetadas nunca, a veces y siempre, y tres de resultados con encabezados verde, naranja y rojo, cada una seguida de una lista de recomendaciones. — Autoevaluación: dos de diez preguntas y los tres resultados. Contenido de ASSMCA.

Cuatro pantallas móviles: un menú lateral en español con un selector de idioma, el mismo menú en inglés, el primer paso de un formulario de solicitud de voluntariado de tres pasos y una pantalla de inicio de sesión con campos de correo y contraseña. — Menú de idioma, formulario de registro de voluntarios (paso uno) e inicio de sesión.

Página de inicio en desktop con una foto de ancho completo de una persona mirando un atardecer, un titular que invita a apoyar y compartir su energía, dos botones para registrarse e iniciar sesión, y tres bloques grises de marcador de posición bajo una sección titulada «Why volunteer». — Página de inicio del sistema de voluntarios. Los bloques bajo el hero son marcadores de posición.

Cuatro pantallas de desktop de un flujo de reporte de incidentes: un panel lateral para elegir entre cuatro tipos de incidente y luego tres pasos de formulario con un indicador de progreso para información demográfica, método del incidente, y fecha, lugar y notas. — Sistema interno, desktop: reportar un incidente en tres pasos.

Seis pantallas del navegador móvil: una de inicio de sesión, una lista de incidentes con filtros, un panel para elegir el tipo de incidente y tres pasos de formulario para información demográfica, método e incidente. — El mismo sistema en móvil.

Dos pantallas de desktop: una tabla de incidentes con columnas de ID, clase, municipio y fecha bajo filtros de búsqueda y paginación, y un panel lateral con los detalles de un incidente que incluye género, edad, método, fecha y notas. — Lista de incidentes con búsqueda y panel de detalle. Los datos son marcadores de posición.