Horizontal Screen Song Playback Page Display and Interactive Graphical User Interface for Electronic Devices

Abstract

1. Name of the Design Product: Horizontal Screen Song Playback Page Display and Interactive Graphical User Interface for Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the graphical user interface. 4. Picture or Photograph that Best Illustrates the Design Key Points: The front view of Design 1. 5. Design 1 is designated as the basic design. 6. Use of the Graphical User Interface: The interface is used for horizontally displaying information on the song playback page, pausing / playing songs, favoriting songs, and interactive operations such as swiping left and right on the interface to select songs. 7. Human-Computer Interaction Method of the Graphical User Interface: In the front view of Design 1, the user can click on the control in the upper left corner to switch to vertical screen display; can click on any playback control icon below the progress bar to perform corresponding operations, such as pausing / playing songs, favoriting songs, etc.; can also click on the song cover on the left side of the interface to perform song selection operations. The human-computer interaction methods of Design 2 and Design 3 are the same as that of Design 1. The bottom of the background of Design 2 shows audio effects. In the front view of Design 4, the user can click on any playback control icon below the progress bar to perform corresponding operations, such as pausing / playing songs, favoriting songs, etc.; can also click on the song cover to perform song selection operations (the song cover area on the left side of the interface shows the record form and corresponding audio effects). In the front view of Design 5, the user can click on any playback control icon below the progress bar to perform corresponding operations, such as pausing / playing songs, favoriting songs, etc.; can also click on the song cover to perform song selection operations (the song cover area on the left side of the interface shows the 3D record player form effect). In the front view of Design 6, the lyrics effect is prominently displayed in the middle of the interface, and the blank area of the interface background is the content screen, such as: dynamic pictures related to the matching song. The human-computer interaction methods of Design 7 and Design 8 are the same as that of Design 6. In the front view of Design 9, when the user clicks on the song cover on the left side of the interface, the interface jumps to the interface change state diagram of Design 9. In the interface change state diagram of Design 9, the user can swipe left and right to select songs, and can also click on the selected song cover to enter the playback page. The human-computer interaction method of Design 10 is the same as that of Design 9.

Images