Music chart module in the graphical user interface for page browsing on electronic devices

Abstract

1. Name of the product in this design: Music chart module for a page browsing graphical user interface of an electronic device. 2. Application of this design: This design is intended for use in an electronic device. 3. The key design features of this product are the graphical user interface portion for which protection is sought. 4. The image or photograph that best illustrates the key design points: Design 1 change state diagram. 5. Design 1 is designated as the basic design. 6. Uses of the graphical user interface: Overall use: page browsing and interaction; Local use: to realize music creation and hot song chart display and interaction through changes in user operation. 7. Other situations requiring explanation are illustrated in the following diagrams: This design protects the music chart module; Design 1: Selecting the "Music Chart" option in the main view of Design 1, as shown in the changing state diagram of Design 1, displays the cover of the chart's champion song at the top of the interface, with the top background color changing according to the color of the champion song's cover. The bottom of the interface displays the chart list, which is presented in manuscript format and supports horizontal swiping to view multiple manuscripts under a single song; Design 2: Selecting the "Music Chart" option in the main view of Design 2, as shown in the changing state diagram of Design 2, displays the cover of the chart's champion song at the top of the interface, with the top background color changing according to the color of the champion song's cover. The bottom of the interface displays the chart list; The usage state reference diagram is an illustration of the effect of displaying this user interaction interface. The main view and changing state diagram of Design 1 correspond to usage state reference diagrams 1-2 of Design 1, and the main view and changing state diagram of Design 2 correspond to usage state reference diagrams 1-2 of Design 2, respectively.

Images