it-swarm-es.com

Pantalla de presupuesto mensual: debe tener en cuenta si es temprano o tarde en el mes

Actualmente estoy trabajando en una aplicación móvil de administración de presupuesto. La aplicación tiene una pantalla que muestra una lista de categorías, y para cada una se muestra la siguiente información:

  • Cuánto dinero gasta el usuario asignado a la categoría
  • Cuánto dinero se gastó realmente la categoría este mes
  • Una indicación sobre si ha gastado más o menos del monto asignado

El propósito de la pantalla es que el usuario pueda ver una descripción general de todas las diferentes categorías y darse cuenta de si está gastando demasiado (o gastando menos) en cualquiera de las categorías en un mes determinado.

Una ilustración muy aproximada:

A very rough illustration

Lo que estoy buscando agregar es algún tipo de indicación del tiempo transcurrido desde el comienzo del mes, ya que, si nos estamos acercando al final del mes y el usuario no ha agotado todo su presupuesto, significa que está cerca de alcanzar su objetivo de no gastar demasiado, por lo que debe indicarse como algo bueno.

Por otro lado, si es solo el comienzo del mes, a pesar de que el límite presupuestario aún no se ha alcanzado, el mes acaba de comenzar, por lo que creo que la indicación debería ser diferente (para que los usuarios todavía sepan que necesitan tener cuidado de no gastar de más durante el resto del mes).

Me encantaría tener ideas sobre cómo incorporar dicha información en la pantalla, teniendo en cuenta que solo estoy haciendo una versión móvil, por lo que el estado de la pantalla es obviamente limitado.

¡Gracias!

31
Jeff

Presente su posición actual en tiempo y presupuestos juntos, como gráficos de barras.

Esto dejará en claro que están por encima o por debajo del presupuesto de donde deberían estar en este momento del mes, o por encima de su presupuesto mensual completo.

Mock up of budget as bar graphs

110
maxathousand

Use una cantidad prorrateada para determinar si el gasto está por debajo o por encima del presupuesto.

Por ejemplo, un presupuesto de comestibles de $ 1,000 equivale a alrededor de $ 33 por día. Multiplique eso por el día actual del mes y use esa cantidad para determinar si el usuario está por encima del presupuesto (antes de haber alcanzado la cantidad total).

Esto le permitirá proporcionar comentarios precisos durante todo el mes sin necesidad de capacitar al usuario en que los diferentes colores son buenos o malos en diferentes momentos. También significa que no mostrará que gastar $ 999 en el primer mes como "bueno" o "neutral" cuando ese comportamiento probablemente los llevará a superar el presupuesto muy pronto.

Además, esta información se puede utilizar para crear gráficos que muestren cuándo el gasto cruzó la línea para superar el presupuesto. (Aunque probablemente en una pantalla diferente).

Graph showing actual amount spent on groceries compared to the target budget.

15
Nathan Rabe

Una barra de progreso debería hacer el trabajo en este escenario.

También sugeriría cambiar la fuente utilizada para la fecha, ya que una aplicación de finanzas debe usar una fuente que se ajuste bien a los números. Aquí el 9 tiene una línea base diferente. Roboto es bueno, por ejemplo, pero no original. enter image description here

1
Guillaume Pons

Como una posible extensión a la excelente respuesta de maxathousand , he intentado extender la idea para cubrir los gastos futuros que están planificados/comprometido para más adelante en el mes pero aún no se ha gastado.

A continuación se muestra la situación en la que ya se planeó gastar $ 30, pero aún no se ha gastado . Del presupuesto mensual completo de $ 240, esto deja $ 210 para ser rastreado. El gasto "en el camino" ahora es de $ 140 (dos tercios de $ 210), por lo que un gasto real de $ 128 sería $ 12 por debajo de ese objetivo:

enter image description here

Algunas ideas de diseño:

  • Usted podría simplemente reducir el presupuesto de todo el mes por el gasto planificado (lo que significa $ 210). Tengo dos problemas con esto: el primero es que oculta el hecho de que el dinero se gastará , lo que hace que sea más fácil ser complaciente con uno gasto. La segunda objeción es que, dependiendo del grado de compromiso con el gasto futuro, puede ser posible "des-planificar" el gasto si nota que va a superar el presupuesto. Esto no sería tan obvio si el presupuesto general simplemente se redujera.

  • Otra alternativa sería agregar el gasto planificado al final de la barra " lo que he gastado este mes " (la barra verde oscuro en el ejemplo de arriba). Esto es probablemente más una cuestión de gustos, pero para mí, porque no se ha gastado (todavía), no debería agregarse a " lo que he gastado " barra. Además, creo que podría enturbiar el claro efecto " si estoy por debajo o por encima de la línea de 20 días " que crea el diseño original de maxathousand. (En el ejemplo anterior, el cuadro sombreado se colocaría a horcajadas sobre el marcador de $ 140, lo que hace que sea menos obvio si tiene un presupuesto por debajo o por encima.

Algunas notas sobre cómo determinar el tamaño de la barra " lo que he gastado ":

  • Para mantener las cosas consistentes, el marcador " gasto objetivo " ($ 140 en el ejemplo anterior) debe estar en el mismo posición física como otras categorías de gasto.

  • La cantidad del gasto objetivo se calcula teniendo en cuenta el gasto planificado: presupuesto de $ 240 - $ 30 planeado = $ 210 restantes para el mes. En este caso, £ 210 * 20/30 = $ 140.

  • La claridad del original de maxathousand proviene de si el final de la barra " lo que he gastado hasta ahora " está a la izquierda (= bueno ) o derecho (= malo ) de la línea de 20 días. Por lo tanto, el tamaño de la barra verde oscuro se determina en relación con el punto de $ 140. En el ejemplo anterior, es 128/140th de la línea de 20 días. Un gasto hasta ahora de $ 140 debería tocar la línea de 20 días.

  • Cuando el gasto planificado se convierte en gasto real , el cuadro sombreado se eliminaría y la barra verde oscuro se extendería como en el original.

  • Un problema potencial con lo anterior es que si nos acercamos demasiado al final del mes con el gasto planificado restante, el marcador de objetivo ($ 140) puede chocar con la leyenda "$ 30 Planificado". Si es así, puede ser necesario fusionar la información en la leyenda debajo de la línea (por ejemplo, "$ 128 + $ 30 de $ 240").

1
TripeHound