Curriculum Learning Graphical User Interface for Electronic Devices

Abstract

1. Name of the product of this design: Course learning graphical user interface for electronic equipment. 2. Purpose of this design product: for electronic equipment. 3. The key design point of this design product lies in the displayed graphical user interface content. 4. The picture or photo that best illustrates the key points of the design: Design 1 interface change state diagram 2. 5. Conventional design, omitting the left view, right view, rear view, bottom view and top view of this appearance design. 6. Designate Design 1 as the base design. 7. Purpose of Graphical User Interface: Interactive interface used for course learning. 8. Human-computer interaction method of graphical user interface: In Design 1, trigger the icon corresponding to any course on the main view of Design 1, and the interface will switch to Design 1 interface change state diagram 1; after the interface of Design 1 interface change state diagram 1 slides to the left for a certain distance, the interface will switch to Design 1 interface change state diagram 2. The "stars" in Design 1 interface change state diagram 2 are used to identify the learning progress. After the module of the course is completed, the "star" icons corresponding to the module will all light up. When the "star" icons corresponding to all modules of Design 1 interface change state diagram 2 are lit, it means that the course has been passed, and the interface will switch from Design 1 interface change state diagram 2 to Design 1 interface change state diagram 3; trigger the "pass" button in the upper right corner of Design 1 interface change state diagram 3, and the interface will switch to Design 1 interface change state diagram 4. In Design 2, trigger the icon corresponding to any course on the main view of Design 2, and the interface will switch to Design 2 interface change state diagram 1; after the interface of Design 2 interface change state diagram 1 slides to the left for a certain distance, the interface will switch to Design 2 interface change state diagram 2; after the interface of Design 2 interface change state diagram 2 slides to the left to the end and cannot slide any further, the interface will switch to Design 2 interface change state diagram 3. In Design 3, triggering the icon corresponding to any course on the main view of Design 3 will switch the interface to Design 3 interface change state diagram 1; after the interface of Design 3 interface change state diagram 1 slides to the left for a certain distance, the interface switches to Design 3 interface change state diagram 2; triggering the drop-down button in the oblong box in the upper left corner of Design 3 interface change state diagram 2 will switch the interface to Design 3 interface change state diagram 3, and users can freely choose courses.

Images