Graphical User Interface for Car Charging Services for Electronic Devices

Abstract

1. Name of the product in this design: Graphical User Interface for Car Charging Services for 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: to provide users with car charging services, such as car charging station search, station details introduction and interactive interface for charging pile usage services. 7. Human-computer interaction method of graphical user interface: The main view of Design 1 shows the main interface of charging station query service, which displays multiple charging station cards. By touching or clicking the charging station card, the details of the charging station merchant can be displayed, and the interface will change from the main view of Design 1 to the interface change state diagram of Design 1 (Figure 1). By swiping up on the interface, you can view the merchant details by changing from interface state 1 (Figure 1) to interface state 2 (Figure 2). Clicking the "View All" button in interface state 2 (Figure 2) will trigger the interface to change from interface state 2 to interface state 3 (Figure 3). Clicking on the "plugged-in" charging station in Design 1 Interface Change State Diagram 3 will prompt you to start the "plugged-in" charging station to charge the car, and trigger the interface to change from Design 1 Interface Change State Diagram 3 to Design 1 Interface Change State Diagram 4. Design 2's main view displays the main interface for the charging station query service. The interface shows multiple charging station cards related to the type of charging pile. By touching or clicking on the charging station card, the details of the charging station merchant can be displayed, triggering the interface to change from Design 2's main view to Design 2's interface change state (Figure 1). By swiping up on the interface, you can view merchant details by changing from interface state 1 to interface state 2. Clicking the "View All" button in interface state 2 will trigger the interface to change from interface state 2 to interface state 3. Clicking on the "plugged-in" charging station in Design 2 interface state diagram 3 will prompt you to start the "plugged-in" charging station to charge the car, and trigger the interface to change from Design 1 interface state diagram 3 to Design 1 interface state diagram 4. 8. Other situations requiring explanation: Other explanation: "X" in the interface represents a text, number or symbol content area. The gray areas in the interface represent variable content.

Images