Mockups - Fic-Spinoff/family-care GitHub Wiki

En primer lugar mostraremos unas pantallas de presentación de la aplicación, donde se detallaran algunas características para incitar al usuario a iniciar sesión, a los usuarios les gusta saber porque tienen que utilizar una cuenta para usar una aplicación (estas pantallas se suelen conocer bajo el nombre de "onboarding screen").

Cuando el usuario inicia sesión por primera vez tendrá que elegir su rol, si será la persona "vigilada" (en adelante VIP) o el "vigilante" (en adelante Guardia). En ambos casos la próxima pantalla sería un texto con unas condiciones que tendrá que aceptar, un acuerdo para hacer un uso correcto de la aplicación.

Si se trata del VIP la aplicación se abrirá en la pantalla donde se explica como enlazar dispositivos con este para poder ser monitorizado. Como se puede ver la navegación principal se realizará con una barra inferior de pestañas, esto será así para ambos roles. mockup 1

A través de la barra de navegación podrá acceder a las otras partes de la aplicación, la lista de dispositivos vinculados, donde verá que usuarios están monitorizandolo, podrá ver una vista en detalle de cada uno de ellos desde la que podrá revocar los permisos de vigilancia eliminando ese usuario/dispositivo.

La otra pestaña nos llevará a la vista del mapa, donde veremos las zonas de seguridad guardadas, podremos eliminar las existentes y crear nuevas además de ver nuestra ubicación y navegar por el mapa.

Además habrá una pantalla de configuración, accesible desde las distintas partes de la aplicación desde un botón en la barra superior, donde se podrán configurar distintas opciones por concretar. mockup 2

Si iniciamos como Guardias, tras aceptar el acuerdo, iremos directamente a la vista de actividad, donde veremos las últimas notifiaciones o información recibida del VIP, si fuese la primera vez que iniciamos sesión iríamos a la pantalla de vinculación de dispositivo.

Con las pestañas podremos navegar por las distintas pantallas, una vista donde ver el estado del VIP u otra con estadísticas más globales. mockup 3

Desde la vista del mapa podremos ver la situación actual del VIP así como las zonas de seguridad definidas. Al igual que con el otro rol tendremos accesible una pantalla de configuración desde casi todas las vistas, en ella habrás distintas opciones como por ejemplo desvincular nuestro dispositivo o vincularlo de nuevo.

Por último vemos un ejemplo de notificación como las que recibirán los Guardias cuando suceda algún evento inesperado o que se salga de los parámetros definidos como normales. mockup 4

First Android mockups

mockup 5 mockup 6