Node editing GUI for electronic devices

Abstract

1. The name of the product of this design: Node editing graphical user interface for electronic equipment. 2. Purpose of this design product: for use in 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: Design 1 interface change state diagram 2. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: This interface is used to edit the nodes of the mind map in the intelligent AI question and answer interface. The intelligent AI gives new answers in the question answering area based on the new mind map framework. The main view of Design 1 is the initial interface. The upper middle part of the interface is the question answering area, the lower middle part is the question input area, the upper right part is the positioning display area, and the lower right part is the mind map area. Design 1 interface change status Figure 1 shows the interface displayed after clicking the edit button (highlighted after clicking) in the upper left corner of the mind map area in the main view of Design 1. Design 1 interface change state diagram 2 is the interface presented after editing the mind map node in Design 1 interface change state diagram 1. Design 1 interface change state diagram 3 is the interface presented after the editing in Design 1 interface change state diagram 2 is completed and the enter key is pressed. Design 1 interface change state diagram 4 is the interface presented after clicking the "Confirm" button in the mind map area in Design 1 interface change state diagram 3, that is, the question input area "Guess what you want to ask" changes, and the content of the question answer area changes based on the modified mind map framework. Design 1 interface change state diagram 5 is the interface presented when the mouse hovers over the blue text part below the question and answer area in Design 1 interface change state diagram 4 (when hovering, the blue text part is highlighted). Design 1 interface change state diagram 6 is the interface presented after clicking the blue text part in Design 1 interface change state diagram 5. At this time, a label at the top of the positioning display area is added. Design 1 interface change state diagram 7 is the interface presented after clicking another label at the top of the positioning display area in Design 1 interface change state diagram 6. The main view of Design 2 is the initial interface. Figure 1 shows the interface change status of Design 2 after selecting the refresh button in the upper left corner of the mind map area of ​​the Design 2 main view (the refresh button is highlighted after selection). Design 2 interface change state diagram 2 is the interface presented after clicking the refresh button in Design 2 interface change state diagram 1, that is, the question input area "Guess what you want to ask" changes, and the content of the question answer area changes based on the modified mind map framework. 7. Other situations that require explanation: The above description of "blue text" is only for the convenience of reflecting interface interaction, and the color of the interface picture is not requested to be protected. The gray covered area in the view is the content screen.

Images