Graphical user interface for electronic device live side menu bar switching

Abstract

1. The name of the design product: graphical user interface for switching live side menu bar of electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the part in the graphical user interface, the part outside the dotted line is the claimed part. 4. The picture or photo that best shows the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: for live interaction, the claimed part is used to show the switching effect of the side menu bar. 7. The human-computer interaction mode of the graphical user interface: in design 1, design 1 front view is the live main interface. The user can click any option in the upper menu bar on the left side of the design 1 front view interface to switch to the corresponding option interface to perform viewing operations, or can click the live button at the bottom of the left menu bar to enter the live preparation page. In design 2, design 2 front view is a video post list interface. The user can click any option in the upper menu bar on the left side of the design 2 front view interface to switch to the corresponding option interface to perform viewing operations, or can click the live button at the bottom of the left menu bar to enter the live preparation page. In design 3, design 3 front view is a chat list interface. The user can click any option in the upper menu bar on the left side of the design 3 front view interface to switch to the corresponding option interface to perform viewing operations, or can click the live button at the bottom of the left menu bar to enter the live preparation page. In design 4, design 4 front view is a personal center interface. The user can click any option in the upper menu bar on the left side of the design 4 front view interface to switch to the corresponding option interface to perform viewing operations, or can click the live button at the bottom of the left menu bar to enter the live preparation page. In design 5, design 5 front view is a live main interface. When the user clicks the "Video" option in the upper menu bar on the left side of the design 5 front view interface, the "Video" option presents a partially filled selected state, the right side of the interface switches to display video post related content, presenting the interface change of design 5 front view to design 5 interface change state diagram. In design 6, design 6 front view is a live main interface. When the user clicks the "Chats" option in the upper menu bar on the left side of the design 6 main view interface, the "Chats" option presents a partially filled selected state and the icon changes, and the right side of the interface switches to display the chat list content, presenting the interface change from the design 6 main view to the design 6 interface change state diagram. In design 7, the design 7 main view is a live broadcast main interface. When the user clicks the "Me" option in the upper menu bar on the left side of the design 7 main view interface, the "Me" option presents a partially filled selected state and the icon changes, and the right side of the interface switches to display the personal center content, presenting the interface change from the design 7 main view to the design 7 interface change state diagram. In design 8, the design 8 main view is a live broadcast main interface. When the user clicks the "Video" option in the upper menu bar on the left side of the design 8 main view interface, the "Video" option presents a partially filled selected state, and the right side of the interface switches to display video post related content, presenting the interface change from the design 8 main view to the design 8 interface change state diagram 1. When the user clicks the "Chats" option in the upper menu bar on the left side of the design 8 interface change state diagram 1, the "Chats" option presents a partially filled selected state and the icon changes, and the right side of the interface switches to display the chat list content, presenting the interface change from the design 8 interface change state diagram 1 to the design 8 interface change state diagram 2. When the user clicks the "Me" option in the upper menu bar on the left side of the design 8 interface change state diagram 2, the "Me" option presents a partially filled selected state and the icon changes, and the right side of the interface switches to display the personal center content, presenting the interface change from the design 8 interface change state diagram 2 to the design 8 interface change state diagram 3.

Images