Bottom information panel of the graphical user interface for vertical video playback on electronic devices

Abstract

1. Name of the product in this design: Bottom information panel of a vertical video playback graphical user interface for an electronic device. 2. Application of this design: This design is intended for use in an electronic device. 3. The key design features of this product are the graphical user interface portion for which protection is sought. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Uses of the graphical user interface: Overall use: Vertical video playback interaction; Local use: To realize the layout and interaction of the bottom information panel through changes in user operation. 7. Other situations requiring explanation are illustrated in the diagrams: This design protects the bottom information panel; Design 1: The main view of Design 1 is a vertical screen playback scene display interface. The bottom bar area of ​​the interface displays an introduction, comments, and bullet screen input boxes. Dragging the area upwards or clicking the comment option will swipe up the bottom bar to switch to the comment page, as shown in the change state diagram of Design 1; Design 2: As shown in the main view of Design 2, dragging the bottom bar area upwards or clicking the comment option will swipe up the bottom bar to switch to the comment page, as shown in the change state diagram of Design 2; Design 3: As shown in the main view of Design 3, clicking the hot comments area in the bottom bar will swipe up the bottom bar to switch to the comment page and locate the current comment, as shown in the change state diagram of Design 3; Design 4: As shown in the main view of Design 4, clicking the comment icon on the left side of the bottom bar will swipe up the bottom bar to switch to the comment page, as shown in the change state diagram of Design 4; Design 5: As shown in the main view of Design 5, clicking... Clicking the "Hot Comments" area in the bottom bar will swipe up to switch to the comments page and locate the current comment, as shown in the change state diagram of Design 5; Design 6: As shown in the main view of Design 6, clicking the "Introduction" option will swipe up in the bottom bar to switch to the corresponding page, as shown in the change state diagram of Design 6; The usage state reference diagrams are renderings of the user interface. The main view and change state diagram of Design 1 correspond to usage state reference diagrams 1-2 of Design 1, the main view and change state diagram of Design 2 correspond to usage state reference diagrams 1-2 of Design 2, the main view and change state diagram of Design 3 correspond to usage state reference diagrams 1-2 of Design 3, the main view and change state diagram of Design 4 correspond to usage state reference diagrams 1-2 of Design 4, the main view and change state diagram of Design 5 correspond to usage state reference diagrams 1-2 of Design 5, and the main view and change state diagram of Design 6 correspond to usage state reference diagrams 1-2 of Design 6.

Images