Customizable GUI for instant messaging AI assistants on electronic devices

Abstract

1. Name of the product of this design: Customized graphical user interface for instant messaging AI assistant for electronic devices. 2. Purpose of this design product: This design product is used as an electronic device, and the graphical user interface is used to create and customize AI assistants in instant messaging applications. 3. The design key 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: Design 1 changing state diagram 3. 5. Designate Design 1 as the base design. 6.Purpose of the Graphical User Interface: The product interface of this design is used to create and customize an AI assistant in an instant messaging application. 7. Human-computer interaction method of graphical user interface: The interface displayed in the main view of Design 1 is the chat interface of instant messaging. Click the "Magic Wand" button on the top of the interface to enter the interface displayed in the change state diagram 1 of Design 1. Click the "Arrow" button behind the AI ​​assistant to enter the interface displayed in the change state diagram 2 of Design 1. Click the "+" button to enter the interface displayed in the change state diagram 3 of Design 1. Click any example AI assistant on the top of the interface to enter the interface displayed in the change state diagram 4 of Design 1. Click the "Use" button to enter the interface displayed in the change state diagram 5 of Design 1. Click the "Format Example" behind the role setting to enter the interface displayed in the change state diagram 6 of Design 1. The interface displayed in the main view of Design 2 is the chat interface of instant messaging. Click the "Magic Wand" button on the top of the interface to enter the interface displayed in the change state diagram 2 of Design 2. The interface shown in Change State Diagram 1, click the "arrow" button behind the AI ​​assistant to enter the interface shown in Design 2 Change State Diagram 2, click the "+" button to enter the interface shown in Design 2 Change State Diagram 3, click any example AI assistant above the interface to enter the interface shown in Design 2 Change State Diagram 4, click the "Use" button to enter the interface shown in Design 2 Change State Diagram 5, slide up to enter the interface shown in Design 2 Change State Diagram 6, click "Advanced Customization" under Ability Learning to enter the interface shown in Design 2 Change State Diagram 7, click the Create button behind Advanced Customization to enter the interface shown in Design 2 Change State Diagram 8, type in the custom content and click the "Save" button to enter the interface shown in Design 2 Change State Diagram 9, click the "Save and Preview" button on the right to enter the interface shown in Design 2 Change State Diagram 10; among them, the yellow block in the above view is the content screen. 8. Other situations that require explanation Other explanations: The rear view, left view, right view, top view and bottom view of this design product design 1‑2 have no design highlights, so they are omitted.

Images