Creating a graphical user interface for electronic device scenarios

Abstract

1. Name of the product in this design: Graphical User Interface for Scene Creation of Electronic Devices. 2. Application of this design: This design is intended for use in an electronic device. 3. The key design features of this product are the content displayed in the 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: The graphical user interface of this design is used to create execution scenarios for smart home devices, enabling quick and centralized control of the added smart home devices. 7. Human-computer interaction method of graphical user interface: Click "Add Action" in the main view of Design 1, and the interface will jump to the interface change state diagram 1 of Design 1; click "Smart Device" in the interface change state diagram 1 of Design 1, and the interface will jump to the interface change state diagram 2 of Design 1; click the light strip card in the interface change state diagram 2 of Design 1, and the interface will jump to the interface change state diagram 3 of Design 1; in the interface change state diagram 3 of Design 1, you can select on / off, brightness and mode; click "Save" in the interface change state diagram 3 of Design 1, and the interface will jump to the interface change state diagram 4 of Design 1. Click "Add Trigger Condition" in the main view of Design 2, and the interface will jump to the interface change state diagram 1 of Design 2; click "Smart Device" in the interface change state diagram 1 of Design 2, and the interface will jump to the interface change state diagram 2 of Design 2; click the light strip card in the interface change state diagram 2, and the interface will jump to the interface change state diagram 3 of Design 2; in the interface change state diagram 3 of Design 2, you can select the on / off state, brightness, and mode; click "Save" in the interface change state diagram 3 of Design 2, and the interface will jump to the interface change state diagram 4 of Design 2.

Images