A pop-up window for displaying live stream ranking results on electronic devices using an interactive graphical user interface.

Abstract

1. Name of the product in this design: Pop-up window for displaying live streaming ranking results on electronic devices using an interactive graphical user interface. 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 image or photo that best illustrates the design points: Design 1 Interface Change State Diagram. 5. Design 1 is designated as the basic design. 6. Use of the graphical user interface: used to display the live stream ranking results. The protected portion is used to display the animations of the top-ranked streamers and reward pop-ups or product pop-ups. 7. Human-computer interaction method of graphical user interface: In Design 1, the main view of Design 1 is the animation display interface of the live broadcast room's top streamers. When the animation in the main view finishes playing, a pop-up window displays the rewards that the top streamers can receive, showing the interface changes from the main view of Design 1 to the interface of Design 1. Users can click the "View Ranking" control in the interface change state diagram of Design 1 to perform the corresponding operation. The human-computer interaction descriptions for Design 2 and Design 3 are the same as those for Design 1. In Design 4, the main view is the animation display interface of the top-ranked streamers in the live broadcast room. When the animation in the main view finishes playing, a pop-up window displays the relevant product content from the live stream of the top-ranked anchor, showing the interface changes from the main view in Design 4 to the interface change diagram in Design 4. Users can click the "View Ranking" control in the interface change diagram in Design 4 to perform the corresponding operation. The human-computer interaction description for Design 5 is the same as that for Design 4. The human-computer interaction descriptions for Designs 6 and 7 are the same as those for Design 1. The human-computer interaction descriptions for Designs 8 through 10 are the same as those for Design 4.

Images