Course Viewing Graphical User Interface for Electronic Devices

Abstract

1. Name of the product of this design: Course viewing graphical user interface for electronic equipment. 2. Purpose of this design product: an electronic device. 3. The key design point of this design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Design 1 changing state diagram 1. 5. The electronic device of this design product is of conventional design, and the rear view, left side view, right side view, top view, and bottom view of Design 1‑8 are omitted. 6. Designate Design 1 as the base design. 7. Purpose of the graphical user interface: The interface of this design product is a desktop display and application display interface. 8. Human-computer interaction method of graphical user interface: Design 1 The main view shows the course learning graphical user interface. The interface shown in the main view of Design 1 displays the course names added to the learning plan, and displays the book cards corresponding to the courses below the course names added to the learning plan. Various buttons are also displayed in sequence in the upper right corner and below the interface shown in the main view of Design 1. When the user clicks / touches the button in the upper right corner of the Design 1 main view interface, the interface changes from the Design 1 main view to the Design 1 change state diagram 1. The area above the Design 1 change state diagram 1 shows the currently set planned study time, and a setting button is displayed on the right side of the planned study time. When the user clicks / touches the setting button in Design 1 Change State Diagram 1, the interface changes from Design 1 Change State Diagram 1 to Design 1 Change State Diagram 2. Design 1 Change State Diagram 2 displays a planned study time setting pop-up window, which displays multiple time cards. A cancel button is displayed in the upper right corner of the planned study time setting pop-up window, and a confirm button is displayed in the lower area of ​​the planned study time setting pop-up window. The user can set the corresponding learning time by clicking / touching any time card in the design 1 change state diagram 2, and can click / touch the confirmation button to save the set learning time, and click / touch the cancel button to close the planned learning time setting pop-up window. Design 2 main view shows the course learning graphical user interface. The interface shown in the main view of Design 2 displays the course names added to the learning plan, and displays the book cards corresponding to the courses below the course names. Users can view the undisplayed book cards by sliding the interface. Various buttons are also displayed in sequence in the upper right corner and below the interface shown in the main view of Design 2. When the user clicks / touches the button in the upper right corner of the Design 2 main view interface, the interface changes from the Design 2 main view to the Design 2 change state diagram 1. When the user clicks / touches the setting button in Design 2 Change State Diagram 1 , the interface changes from Design 2 Change State Diagram 1 to Design 2 Change State Diagram 2 . The human-computer interaction methods of the design 2 change state diagram 1-2 are the same as those of the design 1 change state diagram 1-2. Design 3 main view shows the course learning graphical user interface. The interface shown in the main view of Design 3 displays the course names added to the learning plan, and displays the book cards corresponding to the courses below the course names. Users can view the undisplayed book cards by sliding the interface. Various buttons are also displayed in sequence in the upper right corner and below the interface shown in the main view of Design 3. When the user clicks / touches the button in the upper right corner of the Design 3 main view interface, the interface changes from the Design 3 main view to the Design 3 change state diagram 1. When the user clicks / touches the setting button in Design 3 Change State Diagram 1, the interface changes from Design 3 Change State Diagram 1 to Design 3 Change State Diagram 2. The human-computer interaction methods of the design 3 change state diagram 1-2 are the same as those of the design 1 change state diagram 1-2. Design 4 The main view shows the course learning graphical user interface. The interface shown in the main view of Design 4 displays the course names added to the learning plan, and displays the book cards corresponding to the courses below the course names. Users can view the undisplayed book cards by sliding the interface. Various buttons are also displayed in sequence in the upper right corner and below the interface shown in the main view of Design 4. When the user clicks / touches the button in the upper right corner of the Design 4 main view interface, the interface changes from the Design 4 main view to the Design 4 change state diagram 1. When the user clicks / touches the setting button in Design 4 Change State Diagram 1 , the interface changes from Design 4 Change State Diagram 1 to Design 4 Change State Diagram 2 . The human-computer interaction methods of the design 4 change state diagram 1-2 are the same as those of the design 1 change state diagram 1-2. Designs 5‑8 correspond to designs 1‑4 respectively. In each view, the various buttons in the upper right corner and below the interface in the Design 1‑8 main view are used for human-computer interaction and to implement functions. Design 1‑8 The setting button, cancel button, confirm button, etc. in the changing state diagram 1‑2 are used for human-computer interaction and realize functions. 9. Other situations that require explanation Other explanations: The "X" in the interface indicates the text, number or symbol content area.

Images