Chat interaction graphical user interface for electronic devices

Abstract

1. The name of the design product: chat interaction graphical user interface for electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: in the graphical user interface. 4. The picture or photo that best indicates the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: the interface is used for chatting interaction with interesting message sending. 7. The human-computer interaction mode of the graphical user interface: in the design 1 front view, the user can view chat messages, can click the "voice" control on the left side of the input box to expand the voice input panel, can click the input box control to call up the keyboard to input text information, and can also long press the round send control on the right side of the input box after inputting the content and release the send message. In the design 2 front view, the user can view chat messages, can click the input box control to call up the keyboard to input text information, and can also long press the round send control on the right side of the input box after inputting the content and release the send message. The human-computer interaction mode of design 3 is the same as that of design 1. The human-computer interaction mode of design 4 is the same as that of design 2. In the design 5 front view, when the user long presses the round send control on the right side of the input box, the send button appears a charging animation effect, and the interface changes from design 5 front view to design 5 interface change state figure 2 in turn; when the user releases the send button, the message bubble is ejected from the bottom of the interface, then collides with the message bubble above the interface and produces a displacement effect, and finally stops when the message bubbles are attached to each other, and the interface changes from design 5 interface change state figure 2 to design 5 interface change state figure 7 in turn. The human-computer interaction mode of design 6 and design 7 is the same as that of design 5.

Images