Multiple avatars scattered in the guide area for page switching guide dynamic graphical user interface for electronic devices

Abstract

1. The name of the product of this design: A multiple avatar scattered guidance area for a dynamic graphical user interface used for page switching guidance in electronic devices. 2. Purpose of the product of this design: an electronic device. 3. The key points of the design of this design product are the parts in the graphical user interface, and the parts outside the dotted lines are the parts that require protection. 4. The picture or photo that best illustrates the key points of the design: Design 1 interface change state diagram 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: The entire interface is used to display the contact list. Clicking on any friend's avatar triggers the scattering effect of multiple friend's avatars, guiding the switching of video pages and other interactions. Part of the interface is used to click on any friend's avatar to trigger the scattering effect of multiple friend's avatars, guiding the switching of video pages and other interactions. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, the friend video update module displays the friend’s avatar with aperture effect. When the user clicks on any friend avatar with an aperture effect in the main view of Design 1, the avatar gathering and scattering effect is triggered, presenting a dynamic interface change from the main view of Design 1 to the interface change state diagram 1 of Design 1. The collected avatars then fall onto the "short video" control (only three friends' avatars are displayed on the control), presenting a dynamic interface change from Design 1 interface change state diagram 1 to Design 1 interface change state diagram 2. Then the scattering effect disappears, and the three friends' avatars are fixed in the "short video" control area, presenting a dynamic interface change 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 gray-coated areas in each design view are content images, such as different friend avatars, which are content for which protection is requested. The above-mentioned gray-coated content is not subject to color protection.

Images