Skip to content

Definición pantallas

Daniel Aguilar edited this page Jan 25, 2017 · 14 revisions

#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 usaurio 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

#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.

#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/importar movimientos

Paneles del dashboard:

Gastos vs ingresos por meses Resumen gastos último mes (gráfica tarta con categorías) Resumen ingresos último mes (gráfica tarta con categorías)

#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
Clone this wiki locally