Self-propelled device binding graphical user interface for electronic device

Abstract

1. Name of the product in this design: Graphical User Interface for Binding Self-Propelled Devices in Electronic Equipment. 2. Application of this design: This design is intended for use in an electronic device. 3. The key design feature of this product is its graphical user interface. 4. Images or photos that best illustrate the design points: Design 1 Interface change state diagram 2. 5. For standard design purposes, the rear view, left view, right view, top view, and bottom view of designs 1-4 are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: Used to bind a graphical user interface to self-propelled devices. Design 1's main view is the main interface for binding self-propelled devices. When the user clicks the "Add Device" button, Design 1's interface changes to state 1 are displayed. In Design 1's interface changes to state 1, clicking the product card to be bound displays Design 1's interface changes to state 2. In Design 1's interface changes to state 2, clicking the Bluetooth Add Device button (the red circular button at the bottom of the interface) displays Design 1's interface changes to state 3. In Design 1's interface changes to state 3, the list of searched devices is displayed. Clicking the device card to be bound displays Design 1's interface changes to state 4. In Design 1's interface changes to state 4, clicking the "Activate via 4G" button displays Design 1's interface changes to state 5. In Design 1's interface changes to state 5, after the device connection authentication is completed, Design 1's interface changes to state 6 are displayed. In Design 1's interface changes to state 6, clicking the "Done" button displays Design 1's interface changes to state 7. In Design 1's interface changes to state 7, entering a custom name for the device and clicking the "Submit" button displays Design 1's interface changes to state 8, which shows the list of bound devices. Design 2's main view is the main interface for binding self-propelled devices. When the user clicks the "Add Device" button, Design 2's interface transition state 1 is displayed. In Design 2's interface transition state 1, clicking the product card to be bound displays Design 2's interface transition state 2. In Design 2's interface transition state 2, clicking the Bluetooth Add Device button (the red circular button at the bottom of the interface) displays Design 2's interface transition state 3. Design 2's interface transition state 3 displays the list of searched devices; clicking the device card to be bound displays Design 2's interface transition state 4. In Design 2's interface transition state 4, clicking "Select WIFI" displays Design 2's interface transition state 4. Clicking the "Connect" button displays the interface changes in Figure 5 (Design 2); in Figure 5, selecting WIFI, entering the password, and clicking the "Connect" button displays the interface changes in Figure 6 (Design 2); in Figure 6, after device connection authentication is complete, Figure 7 (Design 2) displays the interface changes in Figure 7 (Design 2); in Figure 7, clicking the "Done" button displays the interface changes in Figure 8 (Design 2); in Figure 8, entering a custom name for the device and clicking the "Submit" button displays the interface changes in Figure 9 (Design 2), which shows the list of bound devices. Design 3's main view is the main interface for binding self-propelled devices. When the user clicks the "Add Device" button, Design 3's interface transition state diagram 1 is displayed. In Design 3's interface transition state diagram 1, clicking the product card to be bound in Design 3's interface transition state diagram 2 is displayed. In Design 3's interface transition state diagram 2, clicking the "Scan to Add" button and completing the scan in Design 3's interface transition state diagram 3 is displayed. In Design 3's interface transition state diagram 3, the device identified after scanning is displayed. Clicking the device card in Design 3's interface transition state diagram 4 is displayed. In Design 3's interface transition state diagram 4, clicking the "Activate via 4G" button in Design 3's interface transition state diagram 5 is displayed. In Design 3's interface transition state diagram 5, after the device connection authentication is completed, Design 3's interface transition state diagram 6 is displayed. In Design 3's interface transition state diagram 6, clicking the "Complete" button in Design 3's interface transition state diagram 7 is displayed. In Design 3's interface transition state diagram 7, entering a custom name for the device and clicking the "Submit" button in Design 3's interface transition state diagram 8 is displayed. Design 3's interface transition state diagram 8 shows the list of bound devices. Design 4's main view is the main interface for binding self-propelled devices. When the user clicks the "Add Device" button, Design 4's interface transition state diagram 1 is displayed. In Design 4's interface transition state diagram 1, clicking the product card to be bound displays Design 4's interface transition state diagram 2. In Design 4's interface transition state diagram 2, clicking the "Scan to Add" button and completing the scan displays Design 4's interface transition state diagram 3. Design 4's interface transition state diagram 3 displays the device identified after scanning; clicking the device card displays Design 4's interface transition state diagram 4. In Design 4's interface transition state diagram 4, clicking the "Select WIFI" button displays... Design 4 Interface Change State Diagram 5; In Design 4 Interface Change State Diagram 5, select WIFI, enter the password, and click the "Connect" button to present Design 4 Interface Change State Diagram 6; In Design 4 Interface Change State Diagram 6, after the device connection authentication is completed, Design 4 Interface Change State Diagram 7 is presented; In Design 4 Interface Change State Diagram 7, click the "Done" button to present Design 4 Interface Change State Diagram 8; In Design 4 Interface Change State Diagram 8, enter the device's custom name, and click the "Submit" button to present Design 4 Interface Change State Diagram 9, which shows the list of bound devices. 8. Other situations requiring explanation: Other explanation: "X" in the interface represents text, numbers or symbols.

Images