Course Details View Graphical User Interface for Electronic Devices

Abstract

1. Name of this design product: 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 the product has a 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 book card currently being studied in the Design 1 main view interface, the interface changes from the Design 1 main view to the Design 1 change state diagram 1. The Design 1 change state diagram 1 displays the lesson cards corresponding to the corresponding books, and each lesson card displays the lesson number, lesson title and other contents. When the user clicks / touches the lesson card currently being studied in Design 1 Change State Diagram 1, the interface changes from Design 1 Change State Diagram 1 to Design 1 Change State Diagram 2. When the user clicks / touches another lesson details content label in Design 1 Change State Diagram 2, the interface changes from Design 1 Change State Diagram 2 to Design 1 Change State Diagram 3. The user can click / touch the collection icon in the lesson details content area in Design 1 Change State Diagrams 2 and 3 to collect the corresponding lesson details content. 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 card of the book currently being studied in the main view interface of Design 2, the interface changes from the main view of Design 2 to the change state diagram of Design 2 1. When the user clicks / touches the lesson card currently being studied in Design 2 Change State Diagram 1, the interface changes from Design 2 Change State Diagram 1 to Design 2 Change State Diagram 2. When the user clicks / touches another lesson detail content label in Design 2 Change State Diagram 2, the interface changes from Design 2 Change State Diagram 2 to Design 2 Change State Diagram 3. The human-computer interaction methods of the design 2 change state diagram 1-3 are the same as those of the design 1 change state diagram 1-3. 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 card of the book currently being studied in the main view interface of Design 3, the interface changes from the main view of Design 3 to the change state diagram of Design 3 1. When the user clicks / touches the lesson card currently being studied in Design 3 Change State Diagram 1, the interface changes from Design 3 Change State Diagram 1 to Design 3 Change State Diagram 2. When the user clicks / touches another lesson detail content label in Design 3 Change State Diagram 2, the interface changes from Design 3 Change State Diagram 2 to Design 3 Change State Diagram 3. The human-computer interaction methods of the design 3 change state diagram 1-3 are the same as those of the design 1 change state diagram 1-3. 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 card of the book currently being studied in 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 lesson card currently being studied in Design 4 Change State Diagram 1, the interface changes from Design 4 Change State Diagram 1 to Design 4 Change State Diagram 2. When the user clicks / touches another lesson detail content label in Design 4 Change State Diagram 2, the interface changes from Design 4 Change State Diagram 2 to Design 4 Change State Diagram 3. The human-computer interaction methods of the design 4 change state diagram 1-3 are the same as those of the design 1 change state diagram 1-3. 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 lesson cards, detail content labels, collection icons, etc. in the changing state diagram 1‑3 are used for human-computer interaction and to realize functions. 9. Other situations that require explanation Other explanations: The "X" in the interface indicates the text, number or symbol content area.

Images