Mini program homepage copy prompts for electronic devices Mini program icons with dynamic graphical user interface

Abstract

1. The name of the product of this design: a mini-program icon with a dynamic graphical user interface for a mini-program homepage copy prompt for an electronic device. 2. Purpose of the product of this design: an electronic device used to run programs and display a graphical user interface for human-computer interaction. 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: Design 1 interface change state diagram 3. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: The overall appearance design of the interface is used to display the mini-program function homepage, the mini-program icon displays the dynamic interaction of the prompt copy, and the local appearance design of the interface is used for the dynamic interaction of the mini-program icon display prompt copy. 7. Human-computer interaction method of graphical user interface: The main view of Design 1 is the loading state when the user just opens the mini program. After loading is completed, the homepage of the mini program is displayed. The "More" button in the mini program icon in the upper right corner of the interface disappears. At the same time, the outer frame of the mini program icon is lengthened, showing a dynamic change from the main view of Design 1 to the interface change state diagram 2 of Design 1. Then, a prompt text is displayed in the mini-program icon, showing the dynamic changes from Design 1 interface change state diagram 2 to Design 1 interface change state diagram 3. The human-computer interaction method of Design 2 is the same as that of Design 1. The main view of Design 3 shows the extended state of the mini-program prompt text. When the user does not perform any operation, the text in the mini-program icon disappears, and the outer frame of the mini-program icon shortens and returns to normal, presenting a dynamic change from the main view of Design 3 to the interface change state diagram of Design 3. The main view of Design 4 is the homepage of the mini-program. When the user long presses the mini-program icon in the upper right corner of the interface, the "More" button in the mini-program icon disappears. At the same time, the area is deepened and the outer frame of the mini-program icon is lengthened, showing a dynamic change from the main view of Design 4 to the interface change state diagram 2 of Design 4. Then, a prompt text is displayed in the mini-program icon, showing the dynamic changes from Design 4 interface change state diagram 2 to Design 4 interface change state diagram 3. The main view of Design 5 is the loading state when the user just opens the mini program. After loading is completed, the mini program homepage is displayed, and the "More" button in the mini program icon in the upper right corner of the interface disappears. At the same time, the outer frame of the mini program icon is lengthened, showing a dynamic change from the main view of Design 5 to the interface change state diagram 2 of Design 5. Then, a prompt text is displayed in the mini-program icon, showing the dynamic changes from Design 5 interface change state diagram 2 to Design 5 interface change state diagram 3. When the user does not perform any operation, the text in the mini program icon disappears, and the outer frame of the mini program icon shortens and returns to normal, presenting dynamic changes from Design 5 interface change state diagram 3 to Design 5 interface change state diagram 6. The main view of Design 6 is the mini program homepage interface. The prompt text is displayed in the mini program icon in the upper right corner of the interface. Users can click the "switch" button on the right side of the mini program icon to exit the mini program. The main view of Design 7 is the mini program homepage interface. The prompt text and mini program switch control are displayed in the mini program icon in the upper right corner of the interface. Users can click the prompt text to call up the "More" floating layer, and can also click the "Switch" button on the right side of the mini program icon to exit the mini program.

Images