Mockup_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:
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
| 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. |
| 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. |
| 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. |
| 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 |