Plug-in exit module for song performance graphical user interface of electronic device

Abstract

1. Name of the product in this design: A widget exit module for a graphical user interface for singing in 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 1. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The overall interface is used for song singing interaction and closing the cartoon character widget; a portion of the interface needs to be protected to allow dragging the cartoon character widget to the exit control area and releasing it to close the widget. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, when the user long-presses the cartoon character pendant, an exit control appears at the bottom of the interface, and the cartoon character displays emotional action feedback, sequentially presenting the interface changes from the main view of Design 1 to the interface change state diagram 3 of Design 1; when the user drags and moves the cartoon character pendant to the exit control area at the bottom of the interface, the exit control area is highlighted, sequentially presenting the interface changes from the interface change state diagram 3 to the interface change state diagram 5 of Design 1; when the user releases the hand, the cartoon character displays emotional action feedback, and then the pendant and exit control gradually disappear, sequentially presenting the interface changes from the interface change state diagram 5 to the interface change state diagram 10 of Design 1. The human-computer interaction methods of Design 2 and Design 3 are the same as those of Design 1. In the main view of Design 4, when the user long-presses the cartoon character pendant, an exit control appears at the top of the interface, and the cartoon character displays emotional action feedback, sequentially presenting the interface changes from the main view of Design 4 to Design 4 interface change state diagram 3; when the user drags and moves the cartoon character pendant to the exit control area at the top of the interface, the exit control area is highlighted, sequentially presenting the interface changes from Design 4 interface change state diagram 3 to Design 4 interface change state diagram 5; when the user releases their hand, the cartoon character displays emotional action feedback, and then the pendant and exit control gradually disappear, sequentially presenting the interface changes from Design 4 interface change state diagram 5 to Design 4 interface change state diagram 10. Design 5 uses the same human-computer interaction method as Design 4. In the main view of Design 6, when the user long-presses the cartoon character pendant, the interface changes as shown in Figure 1 of Design 6. When the user drags the cartoon character pendant to the exit control area at the bottom of the interface, the exit control area is highlighted, and the interface changes from Figure 1 to Figure 3 of Design 6 are displayed sequentially. When the user releases their hand, the cartoon character pendant and the exit control gradually disappear, and the interface changes from Figure 3 to Figure 6 of Design 6 are displayed sequentially. Design 7 uses the same human-computer interaction method as Design 6. In the main view of Design 8, when the user long-presses the cartoon character pendant, the interface changes as shown in Figure 1 of Design 8. When the user drags the cartoon character pendant to the exit control area at the top of the interface, the exit control area is highlighted, and the interface changes from Figure 1 to Figure 3 of Design 8 are displayed in sequence. When the user releases their hand, the cartoon character pendant and the exit control gradually disappear, and the interface changes from Figure 3 to Figure 6 of Design 8 are displayed in sequence.

Images