Input content conversion interaction area of dynamic graphical user interface for electronic device input method function display and interaction

Abstract

1. Name of the product in this design: Input content conversion interactive area for displaying and interacting with the input method function of electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 4. The image or photo that best illustrates the design points: Design 1 Interface Change State Diagram 3. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The overall appearance design of the interface is used for chat dialogue, displaying generated text images, switching text image templates, sending text images, and other interactive activities; the partial appearance design of the interface is used to convert the content entered in the input field into text-themed image content within the chat page, display the generated text images, switch text image templates, send text images, and other interactive activities. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, the user has entered text content in the input field. When the user clicks the "Text Image" function control in the input method toolbar, the input method keyboard switches to the loading state, showing the interface change from the main view of Design 1 to the interface change state shown in Figure 1. Then, a text image based on the input text content is automatically generated. The text image template is displayed at the bottom of the interface, showing the interface changes from Design 1 Interface Change State Figure 1 to Design 1 Interface Change State Figure 3. When the user clicks the "Send" control, the generated text image is sent to the chat scene, resulting in the interface changes from Design 1 Interface Change State Figure 3 to Design 1 Interface Change State Figure 4. In the main view of Design 2, the user has already entered text content in the input field. When the user clicks the "Text Image" function control in the input method toolbar, the input method keyboard switches to the loading state, presenting the interface change from the main view of Design 2 to the interface change state shown in Figure 1 of Design 2. Then, a text image based on the entered text content is automatically generated. The text image template is displayed at the bottom of the interface, showing the interface changes from Design 2 Interface Change State Figure 1 to Design 2 Interface Change State Figure 3. When the user clicks on any other template option at the bottom, the preview area switches to the corresponding template layout style, showing the interface changes from Design 2 Interface Change State Figure 3 to Design 2 Interface Change State Figure 4. When the user clicks the "Send" control, the generated text image is sent to the chat scene, resulting in the interface changes shown in Design 2 Interface Change State Figure 4 to Design 2 Interface Change State Figure 5. In the main view of Design 3, the user has entered text content in the input field and enabled the "text and image" function. The input method keyboard is switched to the loading state, presenting the interface change from the main view of Design 3 to the interface change state shown in Figure 1 of Design 3. Then, a text image based on the entered text content is automatically generated. The text image template is displayed at the bottom of the interface, showing the interface changes from Design 3 Interface Change State Figure 1 to Design 3 Interface Change State Figure 3. When the user clicks the "Send" control, the generated text image is sent to the chat scene, resulting in the interface changes shown in Design 3 Interface Change State Figure 3 to Design 3 Interface Change State Figure 4.

Images