Body for a messaging dynamic graphical user interface for an electronic device

Abstract

1. The name of the design product: the main body of the message sending dynamic graphical user interface for electronic devices. 2. The use of the design product: an electronic device. 3. The design points of the design product: the part in the graphical user interface, the part outside the dashed line is the claimed part. 4. The picture or photo that best shows the design points: design 1 interface change state figure 4. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: the overall interface is used for chat interaction, message sending and withdrawal; the use of the claimed part of the interface is the same as that of the overall interface. 7. The human-computer interaction mode of the graphical user interface: in the main view of design 1, when the user completes text input in the input box, the add button becomes a circular send button with an upward arrow, entering design 1 interface change state figure 1; when the user clicks the send control, the message bubble is sent, the arrow of the send button is bent, and the interface changes of design 1 interface change state figure 1 to design 1 interface change state figure 3 are sequentially presented; when the message bubble stops, a time progress bar appears at the bottom of the bubble box and fills from left to right, and a circle of countdown points appears around the bent arrow and fills in a clockwise direction, sequentially presenting the interface changes of design 1 interface change state figure 3 to design 1 interface change state figure 5; when the user clicks the send control before the countdown ends, the message content is withdrawn to the input box, the countdown points in the send button gradually disappear and the bent arrow becomes an upward arrow again, sequentially presenting the interface changes of design 1 interface change state figure 5 to design 1 interface change state figure 8. In the main view of design 2, when the user completes text input in the input box, the add button becomes a circular send button with an upward arrow, entering design 2 interface change state figure 1; when the user clicks the send control, the message bubble is sent, the arrow of the send button is bent, and the interface changes of design 2 interface change state figure 2 to design 2 interface change state figure 3 are sequentially presented; when the message bubble stops, the border of the message bubble is filled in a clockwise direction, and a circle of countdown points around the bent arrow is also filled in a clockwise direction, sequentially presenting the interface changes of design 2 interface change state figure 3 to design 2 interface change state figure 5; when the user clicks the send control before the countdown ends, the message content is withdrawn to the input box, the countdown points in the send button gradually disappear and the bent arrow becomes an upward arrow again, sequentially presenting the interface changes of design 2 interface change state figure 5 to design 2 interface change state figure 8. In the design 3 main view, when the user finishes text input in the input box, the add button becomes a round send button with an upward arrow, entering the design 3 interface change state diagram 1; when the user clicks the send control, a message bubble is sent, the arrow of the send button is bent, and the interface changes of the design 3 interface change state diagram 2 to the design 3 interface change state diagram 3 are sequentially presented; when the message bubble stops, a circle of countdown points appears around the bent arrow in the send button and is filled in a clockwise direction, and the interface changes of the design 3 interface change state diagram 3 to the design 3 interface change state diagram 5 are sequentially presented; when the user clicks the send control before the countdown ends, the message content is withdrawn to the input box, the countdown points in the send button gradually disappear, and the bent arrow becomes an upward arrow again, and the interface changes of the design 3 interface change state diagram 5 to the design 3 interface change state diagram 8 are sequentially presented. The human-computer interaction mode of design 4 is the same as that of design 1. In the design 5 main view, when the user finishes text input in the input box, the add button is deformed through animation to become a round send button with an upward arrow, and the design 5 main view to the design 5 interface change state diagram 5 are sequentially presented; when the user clicks the send control, a message bubble is sent, the arrow of the send button is bent, and the interface changes of the design 5 interface change state diagram 5 to the design 5 interface change state diagram 7 are sequentially presented; when the message bubble stops, a time progress bar appears at the bottom of the bubble box and is filled from left to right, and a circle of countdown points appears around the bent arrow and is filled in a clockwise direction, and the interface changes of the design 5 interface change state diagram 7 to the design 5 interface change state diagram 9 are sequentially presented; when the user clicks the send control before the countdown ends, the message content is withdrawn to the input box, the countdown points in the send button gradually disappear, and the bent arrow becomes an upward arrow again, and the interface changes of the design 5 interface change state diagram 9 to the design 5 interface change state diagram 12 are sequentially presented. In the design 6 main view, when the user finishes text input in the input box, the add button becomes a round send button with an upward arrow, entering the design 6 interface change state diagram 1; when the user clicks the send control, a message bubble is sent, the arrow of the send button is bent, and the interface changes of the design 6 interface change state diagram 1 to the design 6 interface change state diagram 3 are sequentially presented; when the message bubble stops, a time progress bar appears at the bottom of the bubble box and is filled from left to right, and a circle of countdown points appears around the bent arrow and is filled in a clockwise direction, and the interface changes of the design 6 interface change state diagram 3 to the design 6 interface change state diagram 6 are sequentially presented; when the countdown ends, the progress bar at the bottom of the bubble box and the countdown points in the send button disappear, and the bent arrow becomes an upward arrow again (indicating that the message cannot be withdrawn), entering the design 6 interface change state diagram 7. In the design 7 main view, when the user finishes text input in the input box, the add button becomes a round sending button with an upward arrow, entering the design 7 interface change state diagram 1; when the user clicks the sending control, a sending message bubble, the arrow of the sending button is deformed, and the interface changes of design 7 interface change state diagram 1 to design 7 interface change state diagram 3 are sequentially presented; when the message bubble stops, the border of the message bubble is filled in the clockwise direction, and a circle of countdown points around the curved arrow is filled in the clockwise direction, and the interface changes of design 7 interface change state diagram 3 to design 7 interface change state diagram 6 are sequentially presented; when the countdown ends, the countdown points in the sending button disappear, and the curved arrow becomes an upward arrow again (indicating that the message cannot be withdrawn), entering the design 7 interface change state diagram 7. In the design 8 main view, when the user finishes text input in the input box, the add button becomes a round sending button with an upward arrow, entering the design 8 interface change state diagram 1; when the user clicks the sending control, a sending message bubble, the arrow of the sending button is deformed, and the interface changes of design 8 interface change state diagram 1 to design 8 interface change state diagram 3 are sequentially presented; when the message bubble stops, a circle of countdown points appears around the curved arrow in the sending button and is filled in the clockwise direction, and the interface changes of design 8 interface change state diagram 3 to design 8 interface change state diagram 6 are sequentially presented; when the countdown ends, the countdown points in the sending button disappear, and the curved arrow becomes an upward arrow again (indicating that the message cannot be withdrawn), entering the design 8 interface change state diagram 7. The human-computer interaction mode of design 9 is the same as that of design 6. In the design 10 main view, when the user finishes text input in the input box, the add button is deformed through animation to become a round sending button with an upward arrow, and the design 10 main view to design 10 interface change state diagram 5 are sequentially presented; when the user clicks the sending control, a sending message bubble, the arrow of the sending button is deformed, and the interface changes of design 10 interface change state diagram 5 to design 10 interface change state diagram 7 are sequentially presented; when the message bubble stops, a time progress bar appears at the bottom of the bubble frame and is filled from left to right, and a circle of countdown points appears around the curved arrow and is filled in the clockwise direction, and the interface changes of design 10 interface change state diagram 7 to design 10 interface change state diagram 10 are sequentially presented; when the countdown ends, the progress bar at the bottom of the bubble frame and the countdown points in the sending button disappear, and the curved arrow becomes an upward arrow again (indicating that the message cannot be withdrawn), entering the design 10 interface change state diagram 11.

Images