1. Name of the product in this design: Author screening module for interactive
graphical user interface for video playback in electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts within the
graphical user interface, with the area outside the dotted lines being the
protected area. 4. The picture or photo that best illustrates the key design points: Design 1 main view. 5. Design 1 is designated as the basic design. 6. Use of the
graphical user interface: for video playback interaction; protected local uses include viewing the avatars of authors of particular interest and filtering authors to view their works. 7. Human-computer
interaction method of graphical
user interface: In Design 1, users can switch and filter avatars by clicking or swiping left and right on the bottom of the main view interface of Design 1. The interface will also switch to display the corresponding user's
work content. In Design 2, users can switch and filter
user profile pictures by clicking or swiping left or right at the bottom of the Design 2 main view interface. The interface will also switch to display the corresponding user's
work content accordingly. Users can also click the "Special
Contact List" control at the bottom of the interface to collapse the expanded
list of avatars. In Design 3, users can switch and filter
user profile pictures by clicking or swiping up and down on the right side of the Design 3 main view interface. The interface will also switch to display the corresponding user's
work content accordingly. Users can also click the arrow control to the left of the selected avatar on the right side of the interface to collapse the expanded avatar
list. In Design 4, users can switch and filter
user profile pictures by clicking or swiping left or right at the bottom of the Design 4 main view interface. The interface will also switch to display the corresponding user's work content accordingly. Users can also click the arrow at the bottom of the interface to collapse the expanded
list of avatars. The human-computer interaction description for Design 5 is the same as that for Design 4. In Design 6, when a user clicks the "Special Attention" control in the Design 6 main view interface, they can enter the Special Attention inner flow page. The bottom of the interface displays a list of user avatars that are being paid special attention to, showing the interface changes from the Design 6 main view to the Design 6 interface
state diagram. Users can click or
swipe left or right to change the status of the interface by clicking on or swiping to select the user avatar at the bottom of the interface. The interface will then switch to display the corresponding user's work. In Design 7, when a user clicks the "Special Attention" control in the Design 7 main view interface, they can enter the Special Attention inner flow page. The bottom of the interface displays a list of user avatars for those who are receiving special attention, showing the interface changes from the Design 7 main view to the Design 7 interface
state diagram 1. When a user clicks the "Special Relationship
List" control at the bottom of Design 7 Interface Change
State Diagram 1, the expanded avatar list will collapse, and the interface changes from Design 7 Interface Change
State Diagram 1 to Design 7 Interface Change
State Diagram 2 will be displayed. In Design 8, when a user clicks the "Special Attention" control in the Design 8 main view interface, they can enter the Special Attention inner flow page. The right side of the interface displays a list of user avatars that are receiving special attention, showing the interface changes from the Design 8 main view to the Design 8 interface
state diagram 1. When a user clicks the arrow control to the left of the selected avatar on the right side of Design 8 Interface Change State Diagram 1, the expanded avatar list will collapse, and the interface changes from Design 8 Interface Change State Diagram 1 to Design 8 Interface Change State Diagram 2 will be displayed. In Design 9, when a user clicks the "Special Attention" control in the Design 9 main view interface, they can enter the Special Attention inner page. The bottom of the interface displays a list of user avatars for those who are receiving special attention, showing the interface changes from the Design 9 main view to the Design 9 interface state diagram 1. When the user clicks the arrow at the bottom of Design 9 Interface Change State Diagram 1 to collapse the control, the expanded avatar list will collapse, showing the interface changes from Design 9 Interface Change State Diagram 1 to Design 9 Interface Change State Diagram 2. The human-computer interaction description of Design 10 is the same as that of Design 9.