Main body of the playback page sidebar display and interactive graphical user interface for an electronic device

Abstract

1. Name of the product of this design: The main body of the graphical user interface for side bar display and interaction on the playback page of an electronic device. 2. Use of the product of this design: An electronic device. 3. Design key points of the product of this design: Lies in the partial part of the graphical user interface. The part outside the dotted line is the protected partial part. 4. Picture or photo that best shows the design key points: Design 1 interface change state diagram. 5. Design 1 is designated as the basic design. 6. Use of the graphical user interface: The whole interface is used to enter the side bar by swiping the playback page left and right, for side bar content display and interaction, etc.; the use of the partial part of the interface is the same as that of the whole. 7. Human-computer interaction method of the graphical user interface: In the main view of Design 1, when the user swipes the playback page interface to the right, the left side bar page is displayed, presenting the interface change from the main view of Design 1 to the interface change state diagram of Design 1. The human-computer interaction methods of Design 2 to Design 4 are the same as that of Design 1. In the main view of Design 5, when the user swipes the playback page interface to the left, the right side bar page is displayed, presenting the interface change from the main view of Design 5 to the interface change state diagram of Design 5. In the main view of Design 6, when the user swipes the playback page interface to the left, the lyrics information page is displayed, presenting the interface change from the main view of Design 6 to the interface change state diagram 1 of Design 6. When the user swipes the lyrics information page to the left again, the "Song-related" page of the right side bar is displayed, presenting the interface change from the interface change state diagram 1 of Design 6 to the interface change state diagram 2 of Design 6. In the main view of Design 7, when the user swipes the playback page interface to the right, the playback page gradually moves to the right and shrinks for display, and the side bar content gradually appears for display, presenting the interface change from the main view of Design 7 to the interface change state diagram 3 of Design 7. The human-computer interaction method of Design 8 is the same as that of Design 7. The main view of Design 9 is the side bar content display interface of "Playing while playing games". The user can click any function in the side bar area to perform the corresponding operation, and can also swipe the interface to the left to enter the playback page. The main view of Design 10 is the side bar content display interface of "Song-related". The user can click any function in the side bar area to perform the corresponding operation, and can also swipe the interface to the right to enter the lyrics information page.

Images