Control panel graphical user interface for electronic device

Abstract

1. Name of the product subject to this design: Graphical User Interface for Control Panel of Electronic Device. 2. Purpose of this design: It is applied to an electronic device to realize the operation control and operating status feedback of the device. 3. The key design features of this product are: the button layout and surface markings on the control panel, the interface changes displayed on the screen, and the interface content. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Other views of the control panel of this design do not contain design highlights, and the rear view, left view, right view, top view, bottom view, and perspective view are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: This graphical user interface is used for the operation control and status feedback of electronic devices. It allows users to start and stop the device, set the time, set the working timer, and control the operation of the electronic device by pressing the buttons, and view information such as battery level, working duration, time, device working status, and charging status on the display screen. 8. Description of the changing states of the graphical user interface: The interface shown in the main view of Design 1 is the initial screen after the power button is pressed. The power button is located in the upper left corner of the interface shown in the main view of Design 1. The icon in the upper right corner of the interface shown in the main view of Design 1 is the spray button. The icon directly below the display screen is the setting button. The icon to the left of the setting button is the decrement button, and the icon to the right of the setting button is the increment button. Design 1 Interface Change State Diagram 1 shows the editable state after clicking the settings button in the main view of Design 1. Clock parameters are adjusted using the decrement / increment buttons to create the clock interface. Design 1 Interface Change State Diagram 2 shows the timer setting mode after clicking the settings button again in Design 1 Interface Change State Diagram 1. Timer parameters are adjusted using the decrement / increment buttons to create the timer interface. Design 2 Main View shows the interface after completing the clock and timer settings. Design 2 Interface Change State Diagram 1 shows the spray interface after clicking the spray button in the main view of Design 2. Design 2 Interface Change State Diagram 2 shows the charging status interface in the spray state of Design 2 Interface Change State Diagram 1. Design 3 Main View shows the power display interface after completing the clock and timer settings. Design 3 Interface Change State Diagram 1 shows the power status interface. Design 3 Interface Change State Diagram 2 shows the charging status interface after inserting the charging cable.

Images