Graphical User Interface for Viewing Check-in Records of Electronic Devices

Abstract

1. Name of the Design Product: Graphical User Interface for Viewing Punch Card Records on Electronic Devices. 2. Use of the Design Product: For an electronic device. 3. Design Key Points of the Design Product: Lies in the graphical user interface. 4. Picture or Photo that Best Illustrates the Design Key Points: The front view of Design 1. 5. The electronic device of this design product is a conventional design, and the rear view, left view, right view, top view and bottom view of Designs 1-4 are omitted. 6. Design 1 is designated as the basic design. 7. Use of the Graphical User Interface: For interface display and human-computer interaction of viewing punch card records. 8. Human-Computer Interaction Method of the Graphical User Interface: The front view of Design 1 shows the interaction interface when the daily conversation duration is not reached. The punch card button is displayed below the punch card calendar, and the current punch card button is shown as unable to be clicked for punching. The leaderboard of the daily conversation duration is displayed below the punch card button, and a character icon is displayed in the area above the leaderboard. After clicking / touching the month identifier in the date displayed in the upper left corner of the punch card calendar, that is, the two bolded Xs, the interface enters from the front view of Design 1 to the change state diagram of Design 1. In the change state diagram of Design 1, the historical punch card records of the complete month are displayed, and the historical punch card status of the user is distinguished by different small icons. The user can click / touch the button in the middle of the page to apply for a make-up punch; the user can also click / touch the "Make-up Punch Record" button at the top of the page to view the specific situation of the make-up punch. The differences between the front view of Design 2 and the change state diagram of Design 2 and the front view of Design 1 and the change state diagram of Design 1 are that the punch card button is shown as clickable for punching and text is displayed in the area above the leaderboard. The human-computer interaction methods of the front views and change state diagrams of Designs 3-4 are the same as those of the front views and change state diagrams of Designs 1-2. 9. Other Situations Requiring Explanation: Other Explanation: The "X" in the interface represents the area of text, numbers or symbols.

Images