Electronic device search results page graphical user interface with video content comment card

Abstract

1. Name of the product of this design: Comment card with video content on the graphical user interface of the search results page of an electronic device. 2. Purpose of this design product: This design product is used for an electronic device. 3. The key design features of this design product are the part of the graphical user interface for which protection is sought. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: Overall purpose: interaction with search results page, Local purpose: realizing the function of displaying comment cards with video content related to search results through changes in user operations. 7. Other situations that require explanation Reference diagrams: This design protects comment cards with video content related to search results; Design 1: The search results page displays comment cards with video content related to the current search content, as shown in the main view of Design 1, and the card contains relevant information such as the nickname of the user who posted the comment, avatar, interactive information, comment content, and video content. Click on the card or video source to jump to the comment area of ​​the corresponding video playback details page, and automatically locate to the comment, as shown in the design 1 change state diagram; Design 2: As shown in the main view of Design 2, click the "Full Text" option on the comment card to expand the comment content, as shown in the design 2 change state diagram 1, click on the comment content or the video source below to jump to the comment area of ​​the corresponding video playback details page, and automatically locate to the comment, as shown in the design 2 change state diagram 2; Design 3 is another display interface for comment cards with video content related to search results; click on the comment content in the main view of Design 3 or the video source below , jump to the comment area of ​​the corresponding video playback details page, and automatically locate to the comment, as shown in the design 3 change state diagram; Design 4: Click the "Full Text" option of the comment card in the main view of Design 4, expand it as shown in the design 4 change state diagram 1, click the comment content or the video source below, jump to the comment area of ​​the corresponding video playback details page, and automatically locate to the comment, as shown in the design 4 change state diagram 2; It should be noted that the color block coated area in the main views of Designs 1~4 is the content screen, and this appearance design does not request color protection; The usage state reference diagram is a rendering of the user interaction interface, the design 1 main view and the change state diagram correspond to the design 1 usage state reference diagrams 1~2 respectively, the design 2 main view and the change state diagrams 1~2 correspond to the design 2 usage state reference diagrams 1~3 respectively, the design 3 main view and the change state diagrams correspond to the design 3 usage state reference diagrams 1~2 respectively, and the design 4 main view and the change state diagrams 1~2 correspond to the design 4 usage state reference diagrams 1~3 respectively.

Images