MockUp de Navegacion de la Plataforma Web

El siguiente mockup de navegacion se realizo pensando en le plan Premium Anual con todas las caracteristicas liberadas, en el backlog de historias de usuario se puede ver el detalle de las vistas segun el plan del usuario.

En el siguiente enlace se encuentra el mockup de Aplicacion Web SportApp:

Figma Prototype Preview

Digrama General de la Aplicacion

En el siguiente diagrama se han omitido algunas transiciones "hacia atras" con la intencion de se vean los flujos mas significatios, la navegacion mas real se ve en el enlace de la seccion anterior.

Haga Click para ver la Imagen mas grande

Nomenclatura del Prototipo

Elemento	Significado	Justificacion
Fondo Blanco	Imagen de fondo con patrones	Se esta diseñando una imagen de fondo que ayude a constrastar los textos y los elementos de la aplicacion, pero por ahora sera representada con fondo blanco
Colores de Botones	Negro	Dado que se esta diseñando la imagen de la aplicacion se dejan colores neutros.
Banner	Gris	Se deja espacio para agregar una imagen o Banner para resaltar la imagen de la aplicación.

Elementos Implementados de Usabilidad

Condicion de Usabilidad	Pantalla	Justificacion
Accesibilidad	Pantalla de Detalles de Eventos	En esta pantalla se espera poner los textos de accesibilidad para el uso de lectores de pantalla y asi poder apoyar el registro de servicios de los usuarios.
Localizacion	Pantalla de Sugerencias	En esta pantalla solo se esperan desplegar sugerencias de servicios que estan localizados en la cercania de los usuarios.
Internacionalizacion	Pantalla de registro de Usuario	En esta pantalla se desea poner una opcion para poder cambiar el idioma de la aplicacion para poder ayudar a las personas a comprender los concepto en el idioma que se les facilite.

Retroalimentacion de Pruebas con Usuarios

Perfil	Puntos a Favor	Puntos en Contra
Mujer 34 años, Oficinista, Actividad Fisica Media	Diseño simple y navegable con facilidad, tiene las funcionalidades accesibles y buenas recomendaciones	Otras aplicaciones en el mercado tienen mas tiempo y funcionalidades.
Hombre 32 años, Oficinista, Actividad Fisica Baja	Aplicacion facil de usar y entender, no representa una gran labor usarla ni alimentarla con datos.	Apartado de sugerencias deberia estar mas llamativo y tener mas deportes y actividades.
Hombre 23 años, Estudiante, Actividad Fisica Alta	Aplicacion ligera y con navegacion sencilla. Apariencia limpia y directo para su uso.	No muy especializada y funcionalidades ofrecidas muy limitadas.
Mujer 62 años, Jubilada, Actividad Fisica Baja	Aplicacion facil de navegar con botones grandes y textos legibles.	Falta de color y diseño muy aburrido.

Guia de Navegacion para usuarios

Pantalla Inicial	Evento de Transicion	Resultado	Observaciones
Inicio de Sesión	Click en el botón iniciar sesion	Ingreso correctamente a la aplicacion	Se requiere un usuario que sea valido en la aplicacion previamente creado.
Inicio de Sesión	Click en botón registrar usuario	Se visualiza el formulario de registrio de usuario.
Registro de Usuario	Click en Botón Guardar	Se registra correctamente el usuario y vuelve a la pantalla de inicio de sesión.	Se deben ingresar los datos correctamente.
Home	Click en Botón ver Planes	Se muestran el plan alimenticio y plan de entrenamiento del usuario	Debe tener un plan asignado de alimetacion y entrenamiento.
Planes Alimetacion/Entrenamiento	Click Botón Home	Regresa al Home
Home	Click en Botón de sevicios en el menu.	se muestra la pantallla de registrar servicios
Registro Servicios	Click en botón guardar	Se regresa al Home	Debe ingresar los datos correctamente para que el registro sea exitoso.
Home	Iniciar Home - Cargar Eventos Cercanos	Se muestra el listado de los eventos disponibles
Home	Registro Entrenamiento	Se carga pantalla que permita realizar el registro de un entrenamiento	En caso de tener algun incidente se puede crear una alarma