Pre-class plan graphical user interface of an electronic device

Abstract

1. Name of the Design Product: Graphical User Interface for Pre-class Plan of Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the content of the graphical user interface. 4. Picture or Photo that Best Illustrates the Design Key Points: The front view of Design 1. 5. Design 1 is designated as the basic design. 6. Use of the Graphical User Interface: Used to guide students to preview courses through pre-class plans. 7. Human-computer Interaction Method of the Graphical User Interface: Design 1 - Pre-class Plan Start: The front view of Design 1 is the main interface for starting the pre-class learning plan; click on the video window in the front view of Design 1, or click the "Start Watching" button at the bottom of the front view of Design 1, and the interface will automatically slide up to enter the first state change diagram of Design 1; after finishing playing the video in the first state change diagram of Design 1, enter the second state change diagram of Design 1; click the "Change" button in the upper right corner of the "Set Learning Goals" card in the second state change diagram of Design 1 to change the learning goals; click the "Share" button at the bottom of the second state change diagram of Design 1 to share the learning goals. Design 2 - Video Learning Plan: The front view of Design 2 is the main interface for the pre-class video learning plan; click on the video window in the front view of Design 2, or click the "Start Watching" button at the bottom of the front view of Design 2, and the interface will automatically slide up to enter the first state change diagram of Design 2; click on the options in the answer card in the first state change diagram of Design 2 to enter the second state change diagram of Design 2; slide up the second state change diagram of Design 2 to enter the third state change diagram of Design 2; after finishing all the answers in the third state change diagram of Design 2, enter the fourth state change diagram of Design 2; click the "Go and Participate" button at the bottom of the fourth state change diagram of Design 2 to participate in the activities shown in the upper card. Design 3 - Audio Learning Plan: The front view of Design 3 is the main interface for the pre-class audio learning plan; click the play button on the left side of the audio window in the front view of Design 3, or click the "Start Playing" button at the bottom of the front view of Design 3, and the interface will automatically slide up to enter the first state change diagram of Design 3; click on the options in the answer card in the first state change diagram of Design 3 to enter the second state change diagram of Design 3; slide up the second state change diagram of Design 3 to enter the third state change diagram of Design 3; after finishing all the answers in the third state change diagram of Design 3, enter the fourth state change diagram of Design 3; click the "Go and Participate" button at the bottom of the fourth state change diagram of Design 3 to participate in the activities shown in the upper card. Design 4 - End of Pre-class Plan: The front view of Design 4 is the main interface for the end of the pre-class learning plan; click the "Go to Class" button at the bottom of the front view of Design 4. After completing the class, enter the state change diagram of the Design 4 interface. The area covered by the gray color block in this design interface represents the replaceable screen content.

Images