Avatar switching interactive region of profile card display graphical user interface for electronic device

Abstract

1. Name of the product in this design: Avatar switching interactive operation area for displaying information cards in a graphical user interface for electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: used to display user profile cards; the protected portion is used to display the switching interaction of avatars in the profile cards. 7. Human-computer interaction method of graphical user interface: In Design 1, the main view of Design 1 is a user profile card interface with an avatar display. When a user slides the user profile card in the main view of Design 1, the card will flip in the direction of the user's swiping gesture and automatically flip to the user profile card interface with a cartoon character. The interface will also display relevant switching prompts, showing the interface changes from the main view of Design 1 to the interface of Design 1 (Figure 1), from the interface of Design 1 (Figure 2), and from the interface of Design 1 (Figure 3). The human-computer interaction description for Design 2 is the same as that for Design 1. In Design 3, the main view is a user profile card interface with a cartoon character. When a user slides the user profile card in the Design 3 main view interface, the card will flip in the direction of the user's swiping gesture and automatically flip to the user profile card interface with the avatar displayed. The interface displays relevant switching prompts, showing the interface changes from Design 3 main view to Design 3 interface change state diagram 1 to Design 3 interface change state diagram 2 to Design 3 interface change state diagram 3. The human-computer interaction description for Design 4 is the same as that for Design 3.

Images