Friendship display graphical user interface and relationship information display box for electronic device

Abstract

1. Name of the product in this design: Graphical user interface and relationship information display box for displaying social relationships on electronic devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key points: Design 3, main view. 5. Design 3 is designated as the basic design. 6. Purpose of the graphical user interface: The overall graphical user interface of this design is used for information on the friendship between two people. The partial graphical user interface in this design is used to display specific relationship information. 7. Description of the changing states of the graphical user interface: The interface shown in the main view of Design 6 (1-Design) is a graphical user interface for displaying friendship relationships. Specifically, in the main views shown in Design 1-Design 6, the upper part of the interface is used to display background image information, and the lower middle part of the interface displays a box containing related information. In the interface shown in the main views of Design 1-Design 6, the upper part of the relationship information display box shows the relationship between the two people; the lower part shows the progress of their friendship. You can switch between interfaces by clicking the "Switch Relationship" button in the upper right corner of the relationship information display box. In the interface shown in the main view of Design 6, by clicking the "Switch Relationship" button in the upper right corner of the relationship information display box, the interface switches to the interface shown in the change state diagram. In Design 5, in the interface shown in the main view, by sliding the relationship information display box upwards, the interface switches to the interface shown in the change state diagram. 8. Other situations requiring explanation: For the interfaces shown in Design 1-Design 2 and Design 4-Design 6, the parts covered by the red semi-transparent overlay are limited to the parts that do not require protection.

Images