Creating conversational graphical user interfaces for electronic devices

Abstract

1. Name of the product of this design: Creating a conversational graphical user interface for electronic devices. 2. Purpose of the product of this design: an electronic device. 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. 5.Purpose of Graphical User Interface: It is used to create artificial intelligence dialogue. 6. Human-computer interaction method of graphical user interface: This graphical user interface is displayed on the screen of the electronic device, and the vertical part of the left fifth contains the menu for creating and editing conversations, and the rest of the screen previews the conversation content. The preview includes the URL of the conversation at the top and options to share and refresh the page on the right. The user enters a description of the AI ​​dialogue context in the "Overview" item under the "Dialogue" menu on the left side of the main view, and jumps to Changing State Diagram 1 after confirming the content; the user enters the tone that the AI ​​wants to use in the "Tone" item of Changing State Diagram 1, and jumps to Changing State Diagram 2 after confirming the content; the user enters the content that should appear on the first (welcome) screen of the dialogue in the "Welcome Screen" item of Changing State Diagram 2, and jumps to Changing State Diagram 3 after confirming the content; the user enters the information that the AI ​​wants to find in the "Information to Collect" item of Changing State Diagram 3, and jumps to Changing State Diagram 4 after confirming the content; the user enters a description of the user in the "About User" item of Changing State Diagram 4, and jumps to Changing State Diagram 5 after confirming the content; the user enters information about training the AI ​​in the "Training AI" item of Changing State Diagram 5, and jumps to Changing State Diagram 6 after confirming the content; Changing State Diagram 6 displays the AI's response to the information entered by the user, so that the user can correctly configure the form.

Images