Graphical user interface for a charging pile information display page of a user end of an electronic device charging pile

Abstract

1. Name of the product in this design: Graphical user interface for displaying charging pile information on the user end of charging piles for electronic devices. 2. Intended use of this design: for use in an electronic device. 3. The key design features of this product are the graphical user interface displayed in the electronic device. 4. The image or photograph that best illustrates the design points: Change state diagram 1. 5. The key design feature of this appearance design is the graphical user interface, which omits other views of the display screen panel. 6. Purpose of the graphical user interface: Human-computer interaction is used to display the graphical user interface on the user's screen panel as an interactive interface that displays charging station information before charging begins. 7. Human-computer interaction methods of graphical user interface: Users can interact with the features in the design to be protected based on gestures (e.g., by clicking, swiping up and down, swiping left and right). 8. Description of the changing states of the graphical user interface: In the graphical user interface, "X" represents text, and the area covered by a single light red rounded square in the graphical user interface represents the content screen. The main view is the application's main interface; it displays information about the reserved charging station, specifically the reservation details shown in the main view reference image. This includes the charging station name, status, rating, photo, specific address of the charging station, distance from the current location to the charging station, reservation time, terminal number, parking fee, and parking space number. Clicking the button at the bottom of the main view interface leads to the interface change state diagram 1, which displays the specific price and discount information for the current charging station. Specifically, clicking the "Go to Charge" button at the bottom of the main view reference image leads to the interface change state diagram 1, where the upper part displays the current charging station name, charging space number, charging method, and charging power, and the current status of the charging station is displayed to the left of the name. The middle of the interface displays price information, including electricity and service fees for each charging period, total price, VIP price and activation button, overtime occupancy fee, and parking fee reduction standards. The bottom includes coupon information, and there is a price details arrow to the right of the price information. You can also get specific price information by entering the price details. Swipe up the page in the interface of the change state diagram 1 to enter the interface change state diagram 2, which displays payment information. That is, swipe up the page in the interface of the change state diagram 1 to enter the interface change state diagram 2, which displays payment account information, such as corporate account, Sesame Credit, WeChat Pay, prepaid amount, etc. For example, WeChat Pay Score is currently selected.

Images