Body for a music player graphical user interface for an electronic device

Abstract

1. Name of the product in this design: Body of the graphical user interface for a music player 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 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The overall interface is used to play songs, switch between tracks, and view song information; it is required that the partial uses of the interface be the same as the purpose of the overall interface. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, users can swipe left and right on the record control at the top of the interface to switch between tracks, view the current song's popularity value, click the heart control to add the song to their favorites, view information such as song name, artist and progress bar, click any control in the playback control area to perform corresponding operations, and swipe up from the bottom of the interface to pull up a floating window. The human-computer interaction methods of Design 2, Design 3 and Design 4 are the same as those of Design 1. In the main view of Design 5, users can swipe left and right on the record control at the top of the interface to switch between tracks, view the current song's popularity value, click the heart control to unsave the song, view information such as song name, artist, and progress bar, click any control in the playback control area to perform corresponding operations, and swipe up from the bottom of the interface to pull up a floating window. Design 6 uses the same human-computer interaction method as Design 1. In the main view of Design 7, when the user long-presses the record control at the top of the interface, the song switching state is entered, which is the interface change state diagram of Design 7. Design 8 uses the same human-computer interaction method as Design 7. In the main view of Design 9, when the user slides the record control at the top of the interface to the left, the display zooms in and out to show the previous, current, and next songs, and then automatically moves to the left to switch to the cover of the next song and zooms in to display it in the center. This process presents the interface changes from the main view of Design 9 to the interface change state shown in Figure 5 of Design 9. In the main view of Design 10, when the user slides the record control at the top of the interface to the right, the display zooms in and out to show the previous song, the current song, and the next song, switching between left and right. Then, it automatically moves to the right to switch to the cover of the previous song and zooms in to display it in the center. This process shows the interface changes from the main view of Design 10 to the interface change state shown in Figure 5 of Design 10.

Images