Add a graphical user interface to electronic devices

Abstract

1. Name of the product in this design: Adding a graphical user interface to an electronic device. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: to add smart electronic devices via a network. 6. Human-computer interaction method of graphical user interface: The main view is the device addition interface. The middle of the interface includes various smart electronic devices found through network search, and the bottom includes buttons for adding all, adding manually, and adding by scanning QR code. Clicking the "Add All" button in the main view switches to the changing state diagram 1, which includes multiple smart electronic devices found through network search. You can select the smart electronic devices to add and modify their names. Clicking "Next" in changing state diagram 1 switches to changing state diagram 2, where each smart electronic device connects to the network in sequence. After the addition is complete, clicking on one of the smart electronic devices switches to changing state diagram 3. In changing state diagram 3, clicking on each switch button allows you to select the corresponding switch function. After selection, clicking "Next" switches to changing state diagram 4, where you can edit the button name and click the "Apply" button to complete the device addition.

Images