Definición pantallas

#Elementos comunes

Definición de elementos que aparecerán en varias páginas

• Cabecera: Logo de la app
• Pie: Enlaces legales, contacto, etc.
• Cabecera de usuario logueado: Logo de la app y menú: Dashboard, Cuentas, Categorías, Movimientos, Perfil

#Login

Pantalla donde el usuario se podrá loguear usando email y contraseña, si el usuario no tiene podrá crear uno haciendo click en el link correspondiente. El usuario también podrá recuperar contraseña si no la recuerda.

• Comunes (cabecera y pie)
• Campo texto: Email
• Campo texto: Contraseña
• Botón principal: Entrar
• Enlace: Crear un nuevo usuario
• Enlace: Recuperar contraseña

#Registro

Pantalla donde el usuario podrá registrarse, para ello solo deberá introducir un email y contraseña, el proceso le enviará un email para confirmar el registro, si el usuario existe y la contraseña es válida, podría servir también como formulario de login.

• Comunes
• Campo texto: Email
• Campo texto: Contraseña
• Botón principal: Registrarse

#Dashboard

Esta pantalla será la primera que vea el usuario, en ella podrá encontrar un resumen de sus cuentas así como acceos directos a las operaciones más importantes de la aplicación. Esta pantalla tiene distintas variaciones

• Si el usuario no tiene ninguna cuenta creada, solo verá un botón para crear su primera cuenta
• Si el usuario no tiene ningún movimiento creado, aparecerá un aviso para que empiece a crear movimientos

Paneles del dashboard:

1. Gastos vs ingresos por meses (últimos x meses)
2. Resumen gastos último mes (gráfica tarta con categorías)
3. Resumen ingresos último mes (gráfica tarta con categorías)
4. Estado de cada cuenta

#Alta/Modificación de cuentas

En esta pantalla el usuario podrá añadir/modificar cuentas donde más adelante podrá asignar movimientos, estas cuentas no tienen por que ser 'bancarias'.

• Comunes (cabecera de usuario logueado)
• Campo texto: nombre de cuenta
• Campo texto: descripción
• Campo texto: balance inicial
• Campo texto: moneda

#Alta/Modificación de categorías

• Comunes (cabecera de usuario logueado)
• Campo texto: nombre de categoría
• Campo selección: icono
• Campo selección: tipo
• Campo selección: categoría padre

#Alta/Modificación de movimientos

Pantalla donde el usuario podrá crear movimientos nuevos, si así lo decide, podrá hacer click en el enlace para importar movimientos en lote desde un archivo.

• Comunes (cabecera de usuario logueado)
• Campo texto: concepto
• Campo texto: cantidad
• Campo fecha: fecha
• Campo selección: cuenta
• Campo selección: categoría

#Listado movimientos/categorías/cuentas

Cada una de las entidades tendrá una pantalla de listado, donde se listarán los campos más significativos de cada una, con la posibilidad de seleccionar uno o varios items, en esta pantalla se podrán borrar o modificar elementos haciendo clicks en los botones correspondientes.

#Modificación del perfil

Tareas básicas del usuario, cambiar su avatar (por defecto que se use gravatar.com), especificar nombre y apellidos y cambiar contraseña.

#Fuera del MVP

• Importar movimientos desde archivo
• Agrupar movimientos (no categorizar)
• Más informes y personalización
• Presupuestos
• Adjuntar imágenes en movimientos
• OCR para lectura de movimientos