it-swarm-vi.com

Màn hình ngân sách hàng tháng - cần phải tính đến việc sớm hay muộn trong tháng

Tôi hiện đang làm việc trên một ứng dụng di động quản lý ngân sách. Ứng dụng này có màn hình hiển thị danh sách các danh mục và đối với mỗi loại, thông tin sau sẽ được hiển thị:

  • Người dùng đã phân bổ bao nhiêu tiền cho danh mục
  • Bao nhiêu tiền đã thực sự chi tiêu trong tháng này
  • Một dấu hiệu cho thấy anh ta đã chi tiêu nhiều hơn hay ít hơn số tiền được phân bổ

Mục đích của màn hình là người dùng có thể xem tổng quan về tất cả các danh mục khác nhau và nhận ra liệu anh ấy/cô ấy có bội chi (hoặc thiếu chi tiêu) trên bất kỳ danh mục nào trong một tháng nhất định hay không.

Một minh họa rất thô:

A very rough illustration

Những gì tôi đang muốn thêm là một số dấu hiệu cho thấy thời gian đã trôi qua kể từ đầu tháng, vì, nếu chúng ta gần cuối tháng và người dùng đã sử dụng hết ngân sách của mình, điều đó có nghĩa là anh ta gần đạt được mục tiêu của mình là không chi tiêu quá mức, vì vậy nó nên được chỉ định là một điều tốt.

Mặt khác, nếu chỉ là đầu tháng, mặc dù đã đạt đến giới hạn ngân sách nhưng tháng mới bắt đầu, vì vậy tôi nghĩ rằng dấu hiệu này phải khác (vì vậy người dùng vẫn biết họ cần cẩn thận để không bội chi trong thời gian còn lại của tháng).

Tôi vui mừng khi có ý tưởng về cách kết hợp thông tin đó trên màn hình, hãy nhớ rằng tôi chỉ làm một phiên bản di động để màn hình hiển thị bị hạn chế.

Cảm ơn!

31
Jeff

Trình bày vị trí hiện tại của họ trong thời gian và ngân sách cùng nhau, dưới dạng biểu đồ thanh.

Điều này sẽ làm rõ rằng họ ở trên hoặc dưới ngân sách cho nơi họ phải ở vào thời điểm này trong tháng hoặc trên toàn bộ ngân sách hàng tháng của họ.

Mock up of budget as bar graphs

110
maxathousand

Sử dụng số tiền được chia theo tỷ lệ để xác định xem chi tiêu dưới hoặc vượt quá ngân sách.

Ví dụ: ngân sách thực phẩm 1.000 đô la có giá khoảng 33 đô la mỗi ngày. Nhân số đó với ngày hiện tại của tháng và sử dụng số tiền đó để xác định xem người dùng có vượt quá ngân sách hay không (trước khi họ đạt đủ số tiền).

Điều này sẽ cho phép bạn cung cấp phản hồi chính xác trong suốt tháng mà không cần phải đào tạo người dùng rằng các màu khác nhau là tốt hay xấu vào các thời điểm khác nhau. Điều đó cũng có nghĩa là bạn sẽ không hiển thị chi 999 đô la vào đầu tháng là "tốt" hoặc "trung lập" khi hành vi đó rất có thể sẽ khiến họ sớm vượt quá ngân sách.

Ngoài ra, thông tin này có thể được sử dụng để tạo các biểu đồ hiển thị khi chi tiêu vượt quá giới hạn ngân sách. (Mặc dù có lẽ trên một màn hình khác.)

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

15
Nathan Rabe

Một thanh tiến trình nên thực hiện công việc trong kịch bản này.

Tôi cũng sẽ đề nghị thay đổi phông chữ được sử dụng cho ngày vì ứng dụng tài chính phải sử dụng phông chữ phù hợp với các con số. Ở đây 9 có một đường cơ sở khác nhau. Roboto là tốt ví dụ nhưng không phải là bản gốc. enter image description here

1
Guillaume Pons

Có thể tiện ích mở rộng đến câu trả lời tuyệt vời của maxathousand , tôi đã cố gắng mở rộng ý tưởng để trang trải các chi phí sắp tới được lên kế hoạch/cam kết vào cuối tháng nhưng không thực sự đã được chi tiêu.

Phần sau đây cho thấy tình huống 30 đô la đã được lên kế hoạch chi tiêu, nhưng chưa thực sự đã được chi tiêu. Trong ngân sách cả tháng là 240 đô la, số tiền này để lại 210 đô la để được theo dõi. Chi tiêu "theo dõi" hiện là $ 140 (hai phần ba $ 210), vì vậy chi tiêu thực tế là $ 128 sẽ thấp hơn $ 12 so với mục tiêu đó:

enter image description here

Một số suy nghĩ thiết kế:

  • Bạn could chỉ cần giảm ngân sách cả tháng bằng chi tiêu theo kế hoạch (có hiệu quả là $ 210). Tôi có hai vấn đề với điều này: thứ nhất là nó che giấu sự thật rằng tiền sẽ được chi tiêu, giúp bạn dễ dàng tự mãn hơn về chi tiêu của một người. Sự phản đối thứ hai là - tùy thuộc vào mức độ cam kết đối với chi tiêu trong tương lai - có thể "hủy kế hoạch" chi tiêu nếu bạn nhận thấy bạn sẽ vượt quá ngân sách. Điều này sẽ không rõ ràng nếu ngân sách chung bị giảm.

  • Một cách khác là thêm chi tiêu theo kế hoạch vào cuối thanh " những gì tôi đã chi tiêu trong tháng này" (thanh màu xanh đậm trong ví dụ ở trên). Đây có lẽ là vấn đề của hương vị, nhưng đối với tôi - bởi vì nó không đã được chi tiêu (chưa) - không nên thêm vào " những gì tôi đã đã chi "thanh. Ngoài ra, tôi nghĩ rằng nó có thể làm vẩn đục rõ ràng " tôi ở dưới hoặc trên dòng 20 ngày" mà thiết kế ban đầu của maxathousand tạo ra. (Trong ví dụ ở trên, hộp nở chéo sẽ đặt cột mốc $ 140, làm cho nó ít rõ ràng hơn cho dù bạn đang ở dưới hoặc quá ngân sách.

Một số lưu ý về cách xác định kích thước của thanh " những gì tôi đã chi":

  • Để giữ mọi thứ nhất quán, điểm đánh dấu " mục tiêu" ($ 140 trong ví dụ ở trên) phải ở cùng vật lý vị trí như các loại chi tiêu khác.

  • số tiền chi tiêu mục tiêu được tính khi tính chi tiêu theo kế hoạch: ngân sách $ 240 - kế hoạch $ 30 = $ 210 còn lại trong tháng. Trong trường hợp này, £ 210 * 20/30 = $ 140.

  • Sự rõ ràng của bản gốc của maxathousand đến từ việc kết thúc thanh " những gì tôi đã chi cho đến nay" là ở bên trái (= tốt) hoặc bên phải (= xấu) của dòng 20 ngày. Do đó, kích thước của thanh màu xanh đậm được xác định tương ứng với điểm $ 140. Trong ví dụ trên, nó là 128/140thứ tự của dòng 20 ngày. Một khoản chi cho đến nay là $ 140 chỉ nên chạm vào đường 20 ngày.

  • Khi đã lên kế hoạch chi tiêu biến thành thực tế chi tiêu, hộp nở chéo sẽ bị xóa và thanh màu xanh đậm được mở rộng như trong bản gốc.

  • Một vấn đề tiềm ẩn ở trên là nếu chúng ta đến quá gần cuối tháng với chi tiêu dự kiến ​​còn lại, điểm đánh dấu mục tiêu ($ 140) có thể đụng độ với huyền thoại "$ 30 có kế hoạch". Nếu vậy, có thể cần phải hợp nhất thông tin vào chú giải bên dưới dòng (ví dụ: "$ 128 + $ 30 của $ 240").

1
TripeHound