Music Player Graphical User Interface for Electronic Devices

Abstract

1. Name of the Design Product: Graphical User Interface of a Music Player 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 Photo that Best Illustrates the Design Key Points: State Change Diagram 2 of Design 7 Interface. 5. Design 1 is designated as the basic design. 6. Use of the Graphical User Interface: The interface serves as a 360-degree space player that can sense the anchor position of the device's gyroscope. The user can rotate the device or rotate the spatial perspective with a finger to view more recommended songs in space and switch to play the corresponding songs. 7. Human-Computer Interaction Method of the Graphical User Interface: In the front view of Design 1, the song cover image in the middle of the interface is the currently anchored and playing song, with the audio spectrum behind it. The user can rotate the device arbitrarily or use a finger to rotate the spatial perspective to view the cover images of other recommended songs in space. The user can also view song information below the interface, and can switch to the previous or next song and pause the song playback. The human-computer interaction method of Design 2 is the same as that of Design 1. In the front view of Design 3, the song cover image with the audio spectrum on the left side of the interface is the currently playing song, and the cover images of other recommended songs in space are shown in gray. The user can rotate the device or use a finger to rotate the spatial perspective to focus the anchor on other song cover images and switch to play the corresponding songs. The user can also view song information below the interface, and can switch to the previous or next song and pause the song playback. The human-computer interaction method of Design 4 is the same as that of Design 3. In the front view of Design 5, when the user rotates the device to the left or rotates the spatial perspective to the right in the interface, it enters the State Change Diagram of Design 5 Interface. In the front view of Design 6, when the user rotates the device to the right or rotates the spatial perspective to the left in the interface, it enters the State Change Diagram of Design 6 Interface. In the front view of Design 7, when the user rotates the device to the right or rotates the spatial perspective to the left in the interface, it enters State Change Diagram 1 of Design 7 Interface; when the user focuses the anchor on the song cover image in the middle of the interface, it switches to play the corresponding song, and the song cover image is highlighted and the audio spectrum appears, and the song information below the interface is synchronously changed, presenting the interface change from State Change Diagram 1 of Design 7 Interface to State Change Diagram 2 of Design 7 Interface. In the front view of Design 8, when the user turns the device to the left or turns the spatial perspective to the right in the interface, it enters the interface change state diagram 1 of Design 8; when the user focuses the anchor point on the song cover image in the middle of the interface, the corresponding song is switched to play, the song cover image is highlighted and the audio spectrum appears, and the song information below the interface is synchronously changed, presenting the interface change from the interface change state diagram 1 of Design 8 to the interface change state diagram 2 of Design 8.

Images