Floating window module for chat interaction graphical user interface of electronic devices

Abstract

1. Name of the product in this design: Floating window module for chat interaction graphical user interface of electronic device. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts within the graphical user interface, with the area outside the dotted lines being the protected area. 4. The image or photo that best illustrates the design points: Design 1 Interface Change State Diagram. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The overall interface is used for chat interaction and expanding the floating window list; it is required to protect a portion of the interface for adding content to the floating windows, expanding the floating window list, and quickly accessing the corresponding floating window details page. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, there is a floating edge handle control on the right side of the interface. When the user clicks the handle control or slides the handle control to the left, the floating window list is expanded and the interface change state diagram of Design 1 is entered. Design 2 uses the same human-computer interaction method as Design 1. In the main view of Design 3, the right side of the interface features a floating edge handle control. When the user clicks the handle control or slides it to the left, a list of floating windows expands, leading to the Design 3 interface change state diagram 1. When the user slides the interface to the left, more floating windows are displayed, leading to the Design 3 interface change state diagram 2. In the main view of Design 4, when the user clicks on the blank space outside the floating list area or slides the floating list to the right, the floating list collapses and the interface changes to the Design 4 state diagram.

Images