Sharing and Leave-a-Message Modules of a Sharing Interactive Graphical User Interface for an Electronic Device

Abstract

1. Name of the Design Product: Sharing and Leave-a-Message Module of the Sharing Interactive Graphical User Interface for Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the partial part of the graphical user interface. The part outside the dashed line is the protected part. 4. Picture or Photograph that Best Illustrates the Design Key Points: The front view of Design 1. 5. Design 1 is designated as the basic design. 6. Use of the Graphical User Interface: For sharing interaction. The protected partial part is used for sharing works and leaving a message for the sharing user. 7. Human-Computer Interaction Method of the Graphical User Interface: In Design 1, the user can click the leave-a-message prompt bubble below the user avatar in the sharing panel of the front view interface of Design 1 to perform the operation of invoking the private message half-screen panel. The human-computer interaction descriptions of Design 2 to Design 3 are the same as that of Design 1. In Design 4, the user can click the "Leave-a-Message" entry below the user avatar in the sharing panel of the front view interface of Design 4 to perform the operation of invoking the private message half-screen panel, or can click any expression on the right side of the leave-a-message prompt module to perform the operation of sending a private message expression to the sharing user. The human-computer interaction descriptions of Design 5 to Design 6 are the same as that of Design 1. In Design 7, when the user clicks any user avatar in the sharing panel of the front view interface of Design 7, the user can share the content of the work being browsed with that user. The interface displays relevant sent prompts and a leave-a-message prompt bubble is displayed below the avatar of the shared user, presenting the interface change from the front view of Design 7 to the interface change state diagram of Design 7. In Design 8, when the user clicks any user avatar in the sharing panel of the front view interface of Design 8, the user can share the content of the work being browsed with that user. The interface displays relevant sent prompts and a leave-a-message entry, prompt copywriting, and expression options are displayed below the avatar of the shared user, presenting the interface change from the front view of Design 8 to the interface change state diagram of Design 8. In Design 9, when the user clicks any user avatar in the sharing panel of the front view interface of Design 9, the user can share the content of the work being browsed with that user. The interface displays relevant sent prompts and a leave-a-message prompt bubble is displayed below the avatar of the shared user, presenting the interface change from the front view of Design 9 to Interface Change State Diagram 1 of Design 9. When the user clicks the leave-a-message prompt bubble in Interface Change State Diagram 1 of Design 9, the private message half-screen panel can be invoked, presenting the interface change from Interface Change State Diagram 1 of Design 9 to Interface Change State Diagram 2 of Design 9. In Design 10, when the user clicks on any user avatar within the sharing panel on the main view interface of Design 10, the content of the work being browsed can be shared with that user. The interface displays relevant sent prompts, and below the shared user avatar, there is an entrance for leaving a message, a prompt copy, and an emoji option, presenting the interface change from the main view of Design 10 to the interface change state diagram 1 of Design 10. When the user clicks on any emoji behind the prompt copy for leaving a message in the interface change state diagram 1 of Design 10, the sharing panel retracts, and the interface prompts that the emoji has been sent privately to the user, presenting the interface change from the interface change state diagram 1 of Design 10 to the interface change state diagram 2 of Design 10.

Images