Main body for song play page presentation and interactive graphical user interface of electronic device

Abstract

1. Name of the product in this design: The main body for displaying the song playback page and interactive graphical user interface of an electronic device. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 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 and partial appearance design of the interface is used to display playlists / songs on the album shelf, display the record player, allow users to drag playlists / songs onto the record player for playback, and switch between playlists / songs, etc. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, the playlist / song record is displayed in the middle of the interface, and the record player is at the bottom of the interface. Users can drag any playlist / song record to the record player to play; they can also swipe left and right to switch to the playback page or other related function pages. Design 2 uses the same human-computer interaction method as Design 1, with the background area displaying a magic color related to the currently playing album cover. In the main view of Design 3, when the user drags any record and moves it to the bottom record player, the song content of the current record is switched to play. The record that was played last time is placed on the record rack in the record player, showing the interface change from the main view of Design 3 to the interface change state diagram 2 of Design 3. In the main view of Design 4, when the user drags any record, the record moves out of the record rack, showing the interface change from the main view of Design 4 to the interface change state diagram 2 of Design 4. When the user moves the record to the record player at the bottom of the interface, the record that was last played gradually appears on the record rack, showing the interface changes from Design 4 Interface Change State Diagram 2 to Design 4 Interface Change State Diagram 3. When the current record is inserted into the record player, the song content of the current record is switched to play, and the record that was played last time in the record player is placed on the record rack, presenting the interface change from Design 4 Interface Change State Figure 3 to Design 4 Interface Change State Figure 4. Design 5 uses the same human-computer interaction method as Design 4, with the background area displaying a magic color related to the currently playing album cover. In each design view, the circular blank area in the middle of the record is the content screen, such as: playlist cover / song cover, pictures, photos, etc.

Images