Graphical user interface for viewing product videos on electronic devices

Abstract

1. Name of the product of this design: Graphical user interface for video playback and viewing of electronic equipment. 2. Purpose of the product of this design: an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Purpose of the graphical user interface: to display the corresponding entrance and content playback interface when users view videos and photo albums of product details. 6. Human-computer interaction method of graphical user interface: The main view of Design 1 is the main interface of the product, with a video playback area for the product displayed on the upper part and a text introduction area for the product on the bottom. Click the circular video playback button in the middle of the main view interface of Design 1 or click the video playback icon in the floating bubble at the top of "More" to enter the video content playback interface. When the interface can obtain the information in the product card, the interface change state diagram 1 of Design 1 is obtained. When the interface cannot obtain the information in the product card, the product card is not displayed, and only the add-to-cart button icon is displayed, and the interface change state diagram 2 of Design 1 is obtained. The main view of Design 2 is the main interface of the product, with a video playback area for the product displayed on the upper part and a text introduction area for the product on the bottom. Click the circular video play button in the middle of the main view interface of Design 2 to enter the video content playback interface. When the interface can obtain the information in the product card, the interface change state diagram 1 of Design 2 is obtained. When the interface cannot obtain the information in the product card, the product card is not displayed, and only the add to cart button icon is displayed, and the interface change state diagram 2 of Design 2 is obtained. The main view of Design 3 is the main interface of the product, with a video playback area for the product on the top and a text introduction area for the product on the bottom. Click the circular video play button in the middle of the main view interface of Design 3 to enter the video content playback interface. When the interface can obtain the information in the product card, the interface change state diagram 1 of Design 3 is obtained. When the interface cannot obtain the information in the product card, the product card is not displayed, and only the add-to-cart button icon is displayed, and the interface change state diagram 2 of Design 3 is obtained. The main view of Design 4 is the main interface of the product, with a video playback area for the product displayed on the upper part and a text introduction area for the product on the bottom. Click the circular video playback button in the middle of the main view interface of Design 4 or click the video playback icon in the floating bubble at the top of "More" to enter the video content playback interface. When the interface can obtain the information in the product card, the interface change state diagram 1 of Design 4 is obtained. When the interface cannot obtain the information in the product card, the product card is not displayed, and only the add to cart button icon is displayed, and the interface change state diagram 2 of Design 4 is obtained. The main view of Design 5 is the main interface of the product, with a video playback area for the product on the upper part and a text introduction area for the product on the bottom. Click the circular video playback button in the middle of the main view interface of Design 5 or click the video playback icon in the floating bubble at the top of "More" to enter the video content playback interface. When the interface can obtain the information in the product card, the interface change state diagram 1 of Design 5 is obtained. When the interface cannot obtain the information in the product card, the product card is not displayed, and only the add-to-cart button icon is displayed, and the interface change state diagram 2 of Design 5 is obtained. 7. Other circumstances requiring explanation Other explanations: Specify basic design: Design 1.

Images