Graphical User Interface for Consumption Progress Management of Electronic Devices

Abstract

1. Name of the product in this design: Graphical User Interface for Consumption Progress Management of Electronic Devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: It is used to visualize information such as monthly spending plans, monthly spending records, and monthly spending progress, so as to realize monthly spending budget planning and progress management. 7. Human-computer interaction method of graphical user interface: Design 1 The main view is the consumption progress management interface that is presented after selecting a certain ongoing month in the month and year selection control at the top of the interface. The lower area of ​​the main view in Design 1 displays the calendar for the selected month and the spending amount for the selected date recorded numerically in the calendar. The upper area of ​​the main view in Design 1 displays an overview of the current spending progress for the selected month. You can record / plan spending amounts by clicking / touching the "+" sign on the selected date in the calendar. The upper area of ​​the main view in Design 1 displays the planned total consumption amount and the current accumulated consumption amount for the selected month. In the horizontal progress bar, the colored part on the left represents the amount already consumed, and the uncolored part on the right represents the current remaining planned consumption amount. Design 2's main view is the consumption progress management interface that appears after selecting a completed month from the month and year selection control at the top of the interface. The lower area of ​​the main view in Design 2 displays the calendar for the selected month and the spending amount for the selected date, recorded numerically in the calendar. The upper area of ​​the main view in Design 2 displays an overview of the final spending progress for the selected month. The upper area of ​​the main view in Design 2 displays the planned total consumption amount and the actual total consumption amount for the selected month. The actual total consumption amount for the selected month is represented by the colored portion on the left side of the horizontal progress bar, and the consumption budget saved by the selected month relative to the planned total consumption amount is represented by the colored portion on the right side. Design 3's main view is the consumption progress management interface that appears after selecting a completed month from the month and year selection control at the top of the interface. The lower area of ​​the Design 3 main view displays the calendar for the selected month and the spending amount for the selected date recorded numerically in the calendar. The upper area of ​​the Design 3 main view displays an overview of the final spending progress for the selected month. The upper area of ​​the main view in Design 3 displays the planned total consumption amount and the actual total consumption amount for the selected month. The planned total consumption amount for the selected month is represented by the colored portion on the left side of the horizontal progress bar, and the overspending amount for the selected month relative to the planned total consumption amount is represented by the colored portion on the right side. 8. Other situations requiring explanation: Other explanation: "X" in the interface represents a text, number or symbol content area.

Images