Interactive graphical user interface for oral practice on electronic devices

Abstract

1. The name of the product of this design: An interactive graphical user interface for oral practice used in electronic devices. 2. Purpose of the product of this design: an electronic device used to run programs and display a graphical user interface for human-computer interaction. 3. The key design point of this appearance 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. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: The partial appearance design for which protection is requested is used for intelligent oral training, intelligent dialogue, translation, intelligent dialogue prompts, oral difficulty settings, content sharing and other interactions. 7. Human-computer interaction method of the graphical user interface: In the main view of Design 1, users can press and hold the "Press and Speak" control at the bottom of the interface to send a voice conversation for oral practice; they can click the circular control on the lower right side of the interface to expand the difficulty setting pop-up layer; they can click any function control below the conversation content in the middle of the interface to perform corresponding operations (the operation functions from left to right are: translation, conversation prompts, voice playback, likes, and dislikes). The human-computer interaction method of Design 2 is the same as that of Design 1 (translation, dialogue prompts and voice playback functions have been deployed). In the main view of Design 3, a function pop-up layer is displayed in the middle of the interface, which can be expanded by long pressing the conversation content. Users can click any control in the pop-up layer to perform corresponding operations, such as: copying the full text, copying an excerpt, sharing, modifying, deleting, etc. In the main view of Design 4, the middle of the interface displays a function pop-up layer that can be expanded by long pressing the conversation content. Users can click any control in the pop-up layer to perform corresponding operations, such as: copy the full text, like, dislike, regenerate, share, AI voice playback, favorite, translate, etc. In the main view of Design 5, users can press and hold the "Press and Speak" control at the bottom of the interface to send voice conversations and practice speaking; they can click the circular control on the lower right side of the interface to expand the difficulty setting pop-up layer. In the main view of Design 6, the "Set Difficulty" pop-up window is displayed in the middle of the interface. Users can click to select any difficulty option to set the speaking difficulty; they can click the "Select Topic" control or the "Notebook" control to switch to the corresponding function pop-up window. In the main view of Design 7, when the user clicks on the first function control (translation) on the left side (from left to right) below the dialogue content in the middle of the interface, the translation content is displayed below the content, presenting the interface change from the main view of Design 7 to the interface change state diagram 1 of Design 7. When the user clicks on the second function control (dialogue prompt) on the left side (from left to right) below the dialogue content in the middle of the interface, a dialogue prompt window will be expanded below the function control, presenting the interface changes from Design 7 interface change state diagram 1 to Design 7 interface change state diagram 2. When the user clicks on the third function control (voice playback) on the left side (from left to right) below the dialogue content in the middle of the interface, the function control switches to the playback mode, presenting the interface changes from Design 7 interface change state diagram 2 to Design 7 interface change state diagram 3. In the Design 8 main view, when the user presses and holds the "Press and Speak" control at the bottom of the interface to send a voice conversation, the smart tutor automatically replies, the conversation prompt window below the historical message closes automatically, and the function controls below it are folded and displayed below the new conversation content, presenting the interface change from the Design 8 main view to the Design 8 interface change state diagram. In the main view of Design 9, when the user long presses the conversation message in the middle of the interface, a function window is expanded above the message, presenting the interface change from the main view of Design 9 to the interface change state diagram 1 of Design 9. When the user clicks the "Share" control in the function window, the interface enters the sharing state, and the sharing floating layer expands upward from the bottom, presenting the interface changes from Design 9 interface change state diagram 1 to Design 9 interface change state diagram 2. In the interface change state diagram 2 of Design 9, the user can check any conversation content and click any control in the bottom floating layer to perform the corresponding sharing operation. The main view of Design 10 is the "Oral Practice" interface that the user enters for the first time. The interface displays function prompt bubbles. When the user clicks the "Next" control in the prompt bubble, the prompt bubble is switched, presenting the interface change from the main view of Design 10 to the interface change state diagram 1 of Design 10. When the user clicks the "Go to Selection" control in the prompt bubble, the "Difficulty Setting" floating window is expanded in the middle of the interface, presenting the interface changes from Design 10 interface change state diagram 1 to Design 10 interface change state diagram 2. When the user clicks on any difficulty option in the floating window, the floating window closes and the oral practice dialogue interface is entered, presenting the interface changes from interface change state diagram 2 of design 10 to interface change state diagram 3 of design 10.

Images