Connection function controls for platform connection interaction graphical user interfaces used in electronic devices

Abstract

1. Name of the product in this design: Connection function control for platform connection interactive graphical user interface for electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 4. The image or photo that best illustrates the design points: Design 1 Interface Change State Diagram 4. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The overall appearance design of the interface is used to display the navigation interface for enabling the connection creation function, the interaction of the connection creation function, etc., while the partial appearance design of the interface is used to display the interaction of the connection creation function, such as: after enabling the connection creation function, sliding to bind connection information, sliding to unbind connection, switching connection theme, dragging to shrink connection function controls, etc. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, when the user presses and holds the rectangular connection function icon and slides it to the right and then releases it, the user enters the state of binding connection information, and the interface changes from the main view of Design 1 to the interface state shown in Figure 3. After successful binding, the topic name and update time are displayed in the connection module, showing the interface changes from Design 1 interface change state diagram 3 to Design 1 interface change state diagram 4. In the main view of Design 2, when the user presses and holds the rectangular connection function icon and slides it to the right and then releases it, the user enters the connection information binding state, and the interface changes from the main view of Design 2 to the interface change state shown in Figure 3. When multiple theme cards exist, a theme option pop-up window expands at the bottom, displaying the interface changes from Design 2 Interface Change State Figure 3 to Design 2 Interface Change State Figure 4. When a user clicks to select any theme option, the corresponding theme is successfully bound. The theme name and update time are displayed in the connection module, showing the interface changes from Design 2 interface change state diagram 4 to Design 2 interface change state diagram 5. In the main view of Design 3, when the user presses and holds the rectangular connection function icon and slides it to the left, the connection information can be quickly unbound, as shown in the interface change diagram 2 from the main view of Design 3 to the interface change state of Design 3. In the main view of Design 4, the connection function control is displayed in the middle of the interface. When the background detects the connection information, it automatically becomes active, the connection function control expands to the left, and displays the prompt text "Slide to bind device", presenting the interface change from the main view of Design 4 to the interface change state diagram 2 of Design 4. In the main view of Design 5, when the user long-presses the left area of ​​the Connection function module and drags it to the right, the function module shrinks, showing the interface change from the main view of Design 5 to the interface change state diagram 2 of Design 5. In the main view of Design 6, when the user clicks the rectangular connection function icon, a control connection pop-up window expands below the icon, showing the interface changes from the main view of Design 6 to the interface state diagram of Design 6. In the main view of Design 7, the connection function control is displayed in the middle of the interface. When the background detects the connection information, it automatically becomes active. The connection function control expands to the left and displays the prompt text "Slide to bind device", presenting the interface change from the main view of Design 7 to the interface change state diagram 2 of Design 7. When the user presses and holds the rectangular connection creation function icon and slides it to the right before releasing the button, the user enters the connection information binding state, and the interface changes from Design 7 interface change state diagram 2 to Design 7 interface change state diagram 5 are displayed. After successful binding, the topic name and update time are displayed in the connection module, showing the interface changes from Design 7 interface change state diagram 5 to Design 7 interface change state diagram 6.

Images