Message list presentation graphical user interface message filtering interaction module for electronic devices

Abstract

1. The name of the design product: message filtering interaction module of message list display graphical user interface for electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the part in the graphical user interface except the dotted line is the claimed part. 4. The picture or photo that best shows the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: for displaying message list, the claimed part is used for classifying and filtering the message list. 7. The human-computer interaction mode of the graphical user interface: in design 1, the user can click the triangular control on the right side of "message" in the upper part of the interface of design 1 front view to hide the filtering items under the avatar column in the upper part of the interface, or can click any filtering item under the avatar column in the upper part of the interface to view the corresponding information list. In design 2, the user can click the triangular control on the right side of the text in the upper part of the interface of design 2 front view to hide the filtering items under the avatar column in the upper part of the interface, or can click any filtering item under the avatar column in the upper part of the interface to view the corresponding information list. The human-computer interaction description of design 3 is the same as that of design 2. In design 4, when the user clicks the triangular control on the right side of "message" in the upper part of the interface of design 4 front view, the information filtering items in the upper part of the interface are expanded, and the top avatar column is automatically hidden, presenting the interface change from design 4 front view to design 4 interface change state diagram. In design 5, when the user clicks the triangular control on the right side of "message" in the upper part of the interface of design 5 front view, the information filtering items in the upper part of the interface are expanded, presenting the interface change from design 5 front view to design 5 interface change state diagram. In design 6, when the user clicks the triangular control on the right side of "message" in the upper part of the interface of design 6 front view, the information filtering items in the upper part of the interface are expanded, and the top avatar column is automatically hidden, presenting the interface change from design 6 front view to design 6 interface change state diagram 1. When the user pulls down design 6 interface change state diagram 1, the hidden top avatar column is displayed again, presenting the interface change from design 6 interface change state diagram 1 to design 6 interface change state diagram 2. In design 7, when the user clicks the triangular control on the right side of "message" in the upper part of the interface of design 7 front view, the information filtering items in the upper part of the interface are expanded, presenting the interface change from design 7 front view to design 7 interface change state diagram 1. When the user swipes up the message list in the design 7 interface change state diagram 1, the top avatar bar is hidden, the filter options are displayed on the top, and the interface changes from the design 7 interface change state diagram 1 to the design 7 interface change state diagram 2. In the design 8, when the user clicks any filter option in the design 8 main view interface, the information list corresponding to the option can be viewed, and the interface changes from the design 8 main view to the design 8 interface change state diagram. In the design 9, when the user clicks the triangle control on the right side of the "message" in the upper part of the design 9 main view interface, the information filter options in the upper part of the interface are expanded, and the interface changes from the design 9 main view to the design 9 interface change state diagram 1. When the user clicks the triangle control on the right side of the "message" in the upper part of the design 9 interface change state diagram 1 again, the filter options below the top avatar bar in the interface are closed, and the interface changes from the design 9 interface change state diagram 1 to the design 9 interface change state diagram 2.

Images