Mobile phone with animated GUI for user connection and engagement

Abstract

1. Name of the product of this design: Mobile phone with animated graphical user interface for user connection and engagement. 2. Purpose of this design product: used as a mobile phone. 3. The key design points of this appearance design product lie in the solid line part of the interface. 4. The picture or photo that best illustrates the design points: Interface change state diagram 1. 5. Purpose of Graphical User Interface: Users participate in activities by entering information or moving rectangular boxes in the interface. 6. Human-computer interaction mode of the graphical user interface: The main view shows the interface before the user performs human-computer interaction. When the user starts to participate and clicks the character area at the bottom of the main view, the interface switches from the main view to the interface change state Figure 1, showing the top row and the bottom row being locked and the other rows being unlocked. After a period of time, the interface switches from interface change state diagram 1 to interface change state diagram 2 , showing a blank portion including a row of characters and underline symbols for input. After the user inputs characters, the interface changes from interface change state diagram 2 to interface change state diagram 3 , showing a row of filled characters. After the user completes the character input, the interface switches from interface change state diagram 3 to interface change state diagram 4 , showing another row of adjacent blank portions, used to represent another row of characters and a cursor. After a period of time, the character and the cursor move downward, and the interface switches from interface change state diagram 4 to interface change state diagram 5. When the character and the cursor continue to move downward, the interface switches from interface change state diagram 5 to interface change state diagram 6. After a period of time, the character and the cursor move upward, and the interface switches from interface change state diagram 6 to interface change state diagram 7. After the user inputs characters, the interface switches from interface change state diagram 7 to interface change state diagram 8 , showing another row of characters that has been filled in. The user selects the other row of characters, the user moves the other row of characters upward, the user continues to move the other row of characters upward, and the user releases the other row of characters, and the interface switches from interface change state diagram 8 to interface change state diagrams 9, 10, 11, and 12 in sequence. After a period of time, the interface switches from interface change state diagram 12 to interface change state diagram 13 , and the interface shows a third row of blank parts adjacent to the other row of characters and the cursor, which includes a row of characters for input and prompt symbols. After the user inputs multiple rows of characters, the interface switches from interface change state diagram 13 to interface change state diagram 14 , showing the filled rows of characters. The user continues to input characters, and the interface switches from interface change state diagram 14 to interface change state diagram 15 , showing the filled rows of characters. After a period of time, the keyboard area of ​​the interface shows a different prompt sentence, switching from the interface change state diagram 15 to the interface change state diagram 16. The user selects a row of characters to be moved, and the interface switches from interface change state diagram 16 to interface change state diagram 17 . The user moves the selected row of characters upward, and the interface switches from interface change state diagram 17 to interface change state diagram 18 . As the user moves the selected row of characters upward, the interface switches from interface change state diagram 18 to interface change state diagram 19-22 in sequence. The top row and the bottom row of areas in the interface change state diagram 22 are unlocked, and the interface switches from the interface change state diagram 22 to the interface change state diagram 23 . After the user finishes inputting characters in the top row, the interface switches from interface change state diagram 23 to interface change state diagram 24 . A prompt symbol appears in the bottom row, and the interface switches from interface change state diagram 24 to interface change state diagram 25. After the user finishes inputting characters in the bottom row, the interface switches from interface change state diagram 25 to interface change state diagram 26 . At the end of the user participation process, the interface switches from the interface change state diagram 26 to the interface change state diagram 27 .

Images