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.