Punch-in window for a chat session graphical user interface for electronic devices

Abstract

1. The name of the product of this design: a check-in window for a chat session graphical user interface of an electronic device. 2. Purpose of the product of this design: an electronic device. 3. The design highlights of this appearance design product are located in the local area of ​​the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: The overall interface is used for chat sessions, friend relationship management, and interactive check-ins; the portion of the interface that is required to be protected is used for two-way interactive check-ins based on friend relationships. 7. Human-computer interaction method of the graphical user interface: In the main view of Design 1, users can view the cumulative punch-in days and punch-in progress in the punch-in window, and can also click the "Punch-in Calendar" control to jump to the punch-in calendar details page. The human-computer interaction method of Design 2 is the same as that of Design 1. In the main view of Design 3, when the user clicks the "Exercise Punch in Now" control, the card flips to the left and a ribbon animation appears, presenting the interface changes from the main view of Design 3 to Design 3 interface change state diagram 3 in sequence; then the ribbon disappears and the exercise punch-in is completed, presenting the interface changes from Design 3 interface change state diagram 3 to Design 3 interface change state diagram 4. In the main view of Design 4, when the user clicks the "Exercise Punch in Now" control, the card flips to the left, and the interface changes from the main view of Design 4 to the interface change state diagram 3 of Design 4 are presented in sequence; then the exercise punch-in is completed, and the interface changes from the interface change state diagram 3 of Design 4 to the interface change state diagram 4 of Design 4 are presented. In the main view of Design 5, when the user clicks the "Study and Check-in Now" control, the card flips to the left and a ribbon animation appears, presenting the interface changes from the Design 5 main view to the Design 5 interface change state diagram 3 in sequence; then the ribbon disappears and the study and check-in is completed, presenting the interface changes from the Design 5 interface change state diagram 3 to the Design 5 interface change state diagram 4.

Images