Graphical User Interface for an Energy Management Page of an Electronic Device

Abstract

1. Name of the design product: Graphical user interface for the energy management page of an electronic device. 2. Use of the design product: An electronic device. 3. Design key points of the design product: Lies in the graphical user interface. 4. Picture or photo that best shows the design key points: Front view of Design 1. 5. Since the electronic device is a conventional design, the rear view, left view, right view, top view and bottom view of Design 1 - Design 6 are omitted. 6. Design 1 is designated as the basic design. 7. Use of the graphical user interface: Used to display relevant information of the energy management system. 8. Human-computer interaction method of the graphical user interface: The main view of Design 1 is the main interface view. Clicking on "Add Binding" in the Design 1 main view page can enter Design 1 Interface Change State Diagram 1; clicking on the "Search Box" in the Design 1 Interface Change State Diagram 1 page can enter Design 1 Interface Change State Diagram 2; clicking on "Confirm Binding" in the Design 1 Interface Change State Diagram 2 page can enter Design 1 Interface Change State Diagram 3; clicking on the "Actual Copy" button in the Design 1 Interface Change State Diagram 3 page can enter Design 1 Interface Change State Diagram 4; The main view of Design 2 is the main interface view. Clicking on "Add Binding" in the Design 2 main view page can enter Design 2 Interface Change State Diagram 1; clicking on the "Search Box" in the Design 2 Interface Change State Diagram 1 page can enter Design 2 Interface Change State Diagram 2; clicking on "Confirm Binding" in the Design 2 Interface Change State Diagram 2 page can enter Design 2 Interface Change State Diagram 3; clicking on the "Recharge" button in the Design 2 Interface Change State Diagram 3 page can enter Design 1 Interface Change State Diagram 4; The main view of Design 3 is the main interface view. Clicking on "Add Binding" in the Design 3 main view page can enter Design 3 Interface Change State Diagram 1; clicking on the "Search Box" in the Design 3 Interface Change State Diagram 1 page can enter Design 3 Interface Change State Diagram 2; clicking on "Confirm Binding" in the Design 3 Interface Change State Diagram 2 page can enter Design 3 Interface Change State Diagram 3; clicking on the "Refund" button in the Design 3 Interface Change State Diagram 3 page can enter Design 3 Interface Change State Diagram 4; The main view of Design 4 is the main interface view. Clicking on "Add Binding" in the Design 4 main view page can enter Design 4 Interface Change State Diagram 1; clicking on the "Search Box" in the Design 4 Interface Change State Diagram 1 page can enter Design 4 Interface Change State Diagram 2; clicking on "Confirm Binding" in the Design 4 Interface Change State Diagram 2 page can enter Design 4 Interface Change State Diagram 3; clicking on the "Bill" button in the Design 4 Interface Change State Diagram 3 page can enter Design 4 Interface Change State Diagram 4; The main view of Design 5 is the main interface view. Clicking on "Add Binding" in the Design 5 main view page can enter Design 5 Interface Change State Diagram 1; clicking on the "Search Box" in the Design 5 Interface Change State Diagram 1 page can enter Design 5 Interface Change State Diagram 2; clicking on "Confirm Binding" in the Design 5 Interface Change State Diagram 2 page can enter Design 5 Interface Change State Diagram 3; clicking on the "Usage" button in the Design 5 Interface Change State Diagram 3 page can enter Design 5 Interface Change State Diagram 4; The main view of Design 6 is the main interface view. Clicking on "Add Binding" in the Design 6 main view page can enter Design 6 Interface Change State Diagram 1; clicking on the "Search Box" in the Design 6 Interface Change State Diagram 1 page can enter Design 6 Interface Change State Diagram 2; clicking on "Confirm Binding" in the Design 6 Interface Change State Diagram 2 page can enter Design 6 Interface Change State Diagram 3; clicking on the "Red Trash Can" button representing "Delete" in the Design 6 Interface Change State Diagram 3 page can enter Design 6 Interface Change State Diagram 4. 9. Other circumstances that need to be explained Other explanations: The gray color blocks in each view interface are all part of the screen content.

Images