Curriculum presentation graphical user interface for electronic devices

Abstract

1. Name of this design product: Course display 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: Main view of Design 1. 5. The electronic device of this design product is of conventional design, and the rear view, left view, right view, top view, and bottom view of Design 1‑2 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 presentation graphical user interface. The upper area of ​​the main view of Design 1 displays the currently set planned study time. A setting button is displayed on the right side of the planned study time. Users can set the planned study time by clicking / touching the setting button. The main view of Design 1 displays the names of multiple course series added to the learning plan, and the course cards corresponding to the course series names are displayed below them. Users can view the undisplayed course series names and their corresponding course cards through the sliding interface. The left area of ​​the course card displays the cover image of the course in the form of a closed book, and the right area displays basic information such as the course name. The right area of ​​the course card that has been completed is marked with a corresponding completion icon, and the right area of ​​the course card currently being studied is highlighted. Design 2 corresponds to Design 1. In each view, design the setting buttons in the 1-2 main view 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