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.