Widget interaction module for widget dragging interactive graphical user interface of electronic devices

Abstract

1. The name of the product of this design: Widget interaction module for a widget dragging interactive graphical user interface for electronic devices. 2. Purpose of the product of this design: an electronic device. 3. The key design features of this design product lie in the solid-line content of the graphical user interface; the dotted-line content does not constitute part of the design for which protection is sought. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6.Purpose of the graphical user interface: used for widget dragging and dropping interaction. The local purpose that needs to be protected is used to collapse widget contents by dragging and dropping. 7. Human-computer interaction method of graphical user interface: In Design 1, when the user long presses the widget in the main view interface of Design 1, the transparency of the widget decreases, presenting the interface change from the main view of Design 1 to the interface change state diagram 1 of Design 1. When the user continues to long press the widget and drags the widget to the "fold" module area of ​​the interface, the interface changes from Design 1 interface change state diagram 1 to Design 1 interface change state diagram 2 are presented. When the user releases the widget in Design 1 interface change state diagram 2, the widget is folded into the area, and the "fold" text changes to the "expand" text, presenting the interface change from Design 1 interface change state diagram 2 to Design 1 interface change state diagram 3. In Design 2, when the user long presses the widget in the main view interface of Design 2, the transparency of the widget decreases, presenting the interface change from the main view of Design 2 to the interface change state diagram 1 of Design 2. When the user continues to long press the widget and drags it to the "fold" module area of ​​the interface, the eye icon in this area changes from an open state to a closed state, presenting the interface changes from Design 2 interface change state diagram 1 to Design 2 interface change state diagram 2. When the user releases the widget in Design 2 Interface Change State Diagram 2, the widget is folded into the area, and the "folded" text changes to the "expanded" text, presenting the interface change from Design 2 Interface Change State Diagram 2 to Design 2 Interface Change State Diagram 3. The human-computer interaction descriptions of Designs 3 to 6 are the same as those of Design 1. In Design 7, the progress of the video watching task is displayed in the "Watch Video" text box in the Design 7 main view interface widget. When the user stays in the main view interface to watch the video without taking any action, the progress bar in the "Watch Video" text box continues to grow as the video viewing time increases, presenting the interface change from the Design 7 main view to the Design 7 interface change state diagram. In Design 8, users can perform the widget collapse operation by long pressing the widget in the main view interface of Design 8 to go to the "Collapse" module area of ​​the interface. The human-computer interaction descriptions of Design 9 to Design 10 are the same as those of Design 8.

Images