Medal lighting display module of live room gift collection interactive graphical user interface for electronic device

Abstract

1. Name of the product in this design: Medal lighting display module for a live-streaming gift collection interactive graphical user interface for 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 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: Used for gift collection interaction in the live broadcast room. The protected part is used to display the progress of the streamer's badge lighting up when earning revenue through gift collection and how to view it. 7. Human-computer interaction method of graphical user interface: In Design 1, the user can click on any small badge in the circular arrangement at the top of the floating window of the main view interface of Design 1, move the small badge to the center of the interface ring and enlarge it, and shrink the badge originally enlarged in the center and move it to the circular arrangement. Users can also swipe left or right on the interface to move the badges on the right or left side of the ring to the center of the ring and enlarge them for display. The human-computer interaction descriptions for Designs 2 through 6 are the same as those for Design 1. In Design 7, when a user performs the daily task and reaches the corresponding progress node, the progress bar below the main medal in the upper circular center of the Design 7 main view floating window is filled sequentially until the daily task is completed and the progress bar is full, presenting the interface change from the Design 7 main view to the Design 7 interface change state diagram 3. In Design 8, when a user clicks on any small badge in the circular arrangement at the top of the floating window of the Design 8 main view interface, the small badge will be moved to the center of the interface and enlarged. The badge originally enlarged in the center will be reduced and moved to the circular arrangement, presenting the interface change from the Design 8 main view to the Design 8 interface change state diagram 2. Users can also slide the circular badge area on the Design 8 main view interface to the right, switch the small badge on the left side of the circle to the center of the circle and enlarge it, showing the interface changes from the Design 8 main view to the Design 8 interface state diagram 2. In Design 9, when a user clicks on any small badge in the circular arrangement at the top of the floating window of the Design 9 main view interface, the small badge will be moved to the center of the circular position of the interface and enlarged. The badge originally enlarged in the center position will be shrunk and moved to the circular arrangement, presenting the interface change from the Design 9 main view to the Design 9 interface change state diagram 2. The user can also switch the small badge on the right side of the circular arrangement to the central position of the circular arrangement and display it in a large size by swiping the small badge area in the main view interface of design 9 to the left, thus presenting the design 9 main view to the interface change of design 9 interface change state diagram 2. In design 10, when the user clicks the "fan task" control in the main view interface of design 10, the corresponding task content can be viewed, and the design 10 main view is presented to the interface change of design 10 interface change state diagram.

Images