Charging display graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Charging display graphical user interface 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 display charging progress and charging screen saver. 7. Human-Computer Interaction Method of Graphical User Interface: Design 1's main view is the charging display interface. The interface includes a large bubble in the center containing waves. A lightning bolt icon above the large bubble indicates the charging status, and the height of the numbers and waves indicates the charging progress. During charging, the interface sequentially switches between Design 1's changing state diagrams 1 to 5. Small bubbles at the bottom of the interface gradually enlarge and move towards the large bubble above, until they merge with it. The charging number gradually increases, and two waves oscillate from left to right and rise with the charging progress, indicating that charging is in progress. In Design 1's changing state diagram 5, clicking the large bubble in the center switches to Design 1's changing state diagram 6, displaying the charging status. The charging screen saver is shown in Design 2. The main view is the charging display interface, which includes a large bubble in the center containing waves. The "lightning bolt" pattern above the large bubble indicates the charging status, and the height of the numbers and waves indicates the charging progress. During the charging process, the screen switches between Design 2's changing state diagrams 1 to 5 in sequence. Small bubbles at the bottom of the screen gradually enlarge and move towards the large bubble above until they merge with it. The charging numbers gradually increase, and the two waves oscillate from left to right and rise with the charging progress until they are full, indicating that charging is complete. In Design 2's changing state diagram 5, clicking the large bubble in the center of the screen switches to Design 2's changing state diagram 6, which displays the charging screen saver.

Images