Navigation bar for song play graphical user interface of an electronic device

Abstract

1. The name of the design product: navigation bar of song playing graphical user interface for electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: in the local part of the graphical user interface. 4. The picture or photo that best shows the design points: design 3 front view. 5. Design 3 is designated as the basic design. 6. The use of the graphical user interface: the overall interface is used for playing songs; the local part of the interface is used for customizing the navigation bar of the song playing interface. 7. The human-computer interaction mode of the graphical user interface: in design 1 front view, the left side of the interface is the navigation bar, the user can view the current top function module, click the function control in the module to jump to the corresponding detail page, click the "+ add top function" control to expand the add floating layer to add the top function, and can also drag any playlist / album / artist / column control in the interface to add to the top function module. In design 2 front view, the left side of the interface is the navigation bar, the user can view the current top function module, click the function control in the module to jump to the corresponding detail page, click the "+" control to expand the add floating layer to add the top function, and can also drag any playlist / album / artist / column control in the interface to add to the top function module. The human-computer interaction mode of design 3 to design 6 is the same as that of design 2. In design 7 front view, when the user long-presses the "playlist 2" control in the lower left of the interface and drags it upwards to the top function module area, the interface changes from design 7 front view to design 7 interface change state figure 2; when the user releases, the song list is added to the top function, and the interface changes from design 7 interface change state figure 2 to design 7 interface change state figure 3. 8. Other circumstances that need to be explained: in each view of design 1 to design 7, the outer frame of the "+" control on the left side of the interface is a dashed line, which only represents the line style and is part of the local part protected by this design application.

Images