List and content card area of ​​a message list content display graphical user interface for electronic devices

Abstract

1. Name of the product of this design: List and content card area of ​​a graphical user interface for displaying message list content in an electronic device. 2. Purpose of the product of this design: an electronic device. 3. The key points of the design of this design product are the parts in the graphical user interface, and the parts outside the dotted lines are the parts that require protection. 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 entire interface is used to display message pages, search bars, inserted card content, message lists and category controls, and to switch or delete inserted cards and other interactions; a part of the interface is used to display card content information, and to switch or delete inserted cards and other interactions. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, when the user slides the content card above the list to the left, all the cards move to the left, presenting the interface change from the main view of Design 1 to the interface change state diagram 1 of Design 1. The card shift is completed, and other card contents are displayed above the list, showing the interface changes from Design 1 Interface Change State Diagram 1 to Design 1 Interface Change State Diagram 2. The human-computer interaction method of Design 2 is the same as that of Design 1. In the main view of Design 3, users can slide the content cards above the list to switch to display other card contents; they can click the check mark in the card to deselect the friend; and they can also click the "One-click blessing" control to complete the setting. In the main view of Design 4, users can slide the content cards above the list to switch to display other card contents; they can click on the friend dynamics in the card to view the dynamic content. In the main view of Design 5, users can slide the content cards above the list to switch to display other card contents; they can click the "Add Friend" control in the card to add the user as a friend. In the main view of Design 6, users can slide the content cards above the list to switch to display the content of other cards; they can click any control in the card to perform corresponding operations. The human-computer interaction methods of Design 7 and Design 8 are the same as that of Design 6.

Images