Graphical User Interface for Displaying Course Videos of Electronic Devices

Abstract

1. Name of the Design Product: Graphical User Interface for Displaying Course Videos on Electronic Devices. 2. Use of the Design Product: For electronic devices. 3. Design Feature of the Design Product: Lies in the content of the displayed graphical user interface. 4. Picture or Photo that Best Illustrates the Design Feature: The front view of Design 1. 5. Conventional Design; the left view, right view, rear view, bottom view, and top view of Designs 1 - 6 are omitted. 6. Design 1 is designated as the basic design. 7. Use of the Graphical User Interface: For displaying course videos, video viewing progress, etc. in various scenarios. 8. Human - Machine Interaction Method of the Graphical User Interface: In Design 1, click on the icon area including the "Log in and Customize Course Schedule" button above "Column 1" in the front view of Design 1, and the interface changes from the front view of Design 1 to the first interface change state diagram of Design 1; click on the "Log in and Customize Course Schedule" button in the first interface change state diagram of Design 1, after completing the login, the interface changes from the first interface change state diagram of Design 1 to the second interface change state diagram of Design 1; click on the "Customize Age - Appropriate Course Schedule" button in the second interface change state diagram of Design 1, after completing the customization of the age - appropriate course schedule, the interface changes from the second interface change state diagram of Design 1 to the third interface change state diagram of Design 1. In Design 2, click on any one of "Column 2" - "Column 7" in the front view of Design 2, and the interface changes from the front view of Design 2 to the interface change state diagram of Design 2, displaying the corresponding video under that column. In Design 3, after displaying the front view of Design 3, after a time interval, the interface automatically changes from the front view of Design 3 to the interface change state diagram of Design 3, and then can be cycled back and forth between the interface change state diagram of Design 3 and the front view of Design 3 at a preset time interval. Among them, the progress bar icon between XXX and XXXX at the upper part of the interface change state diagram of Design 3 is used to display the learning progress of the learning video. In Design 4, the front view of Design 4 is the page of "Column 1" displayed in the first time period, the first interface change state diagram of Design 4 is the page of "Column 1" displayed in the second time period, the second interface change state diagram of Design 4 is the page of "Column 1" displayed in the third time period, and the first time period, the second time period, and the third time period are three consecutive time periods within a day. When the time changes from the first time period to the second time period, the interface changes from the front view of Design 4 to the first interface change state diagram of Design 4; when the time changes from the second time period to the third time period, the interface changes from the first interface change state diagram of Design 4 to the second interface change state diagram of Design 4. In the front view of Design 5, multiple rounded rectangle areas at the bottom are used to display thumbnails / covers of videos. By clicking on the rounded rectangle areas, the corresponding videos can be played. In the front view of Design 6, multiple rounded rectangle areas at the bottom are used to display thumbnails / covers of videos. By clicking on the rounded rectangle areas, the corresponding videos can be played. 9. Other situations that need to be explained Other explanations: In this design, the cross X in each view represents text and / or numbers and / or letters and / or symbols, etc. Columns 1-7 in each view are only used to refer to the names of columns / channels, and the specific content is not limited by this design.

Images