Interaction display module for the interactive graphical user interface of active cards for electronic devices

Abstract

1. Name of the Design Product: Interactive Display Module for the Interactive Graphic User Interface of Activity Cards for Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the partial area of the graphic user interface. The part outside the dashed line is the protected partial area. 4. Picture or Photograph Best Showing the Design Key Points: Design 1 Interface Variation State Diagram. 5. Design 1 is designated as the basic design. 6. Use of the Graphic User Interface: For activity card interaction. The protected partial area is used to expand more activity information when the activity card is slid to a preset position. 7. Human-Computer Interaction Method of the Graphic User Interface: In Design 1, the main view of Design 1 shows the state where the user has slid the activity card to the preset position, and more activity-related information is displayed below the card, presenting the interface change from the main view of Design 1 to the Design 1 Interface Variation State Diagram. The user can click on the activity avatar or name in the Design 1 Interface Variation State Diagram to enter the task details page, or can click on any video card in the expanded content area to enter the corresponding video playback page. The human-computer interaction descriptions of Designs 2 to 4 are the same as that of Design 1. In Design 5, the main view of Design 5 shows the state where the user has slid the activity card to the preset position, and more activity-related information is displayed on the right side of the card, presenting the interface change from the main view of Design 5 to the Design 5 Interface Variation State Diagram. The user can click on the activity avatar or name in the Design 5 Interface Variation State Diagram or the scrolling information in the expanded area on the right side to enter the task details page. The human-computer interaction description of Design 6 is the same as that of Design 5. The human-computer interaction descriptions of Designs 7 to 8 are the same as that of Design 1. In Design 9, the main view of Design 9 shows the state where the user has slid the activity card to the preset position, and more activity-related information is displayed below the card, presenting the interface change from the main view of Design 9 to the Design 9 Interface Variation State Diagram. The user can click on the activity avatar or name in the Design 9 Interface Variation State Diagram to enter the task details page, or can click on the bubble of any user avatar and work name in the expanded content area to enter the corresponding work details page, or can view more recommended content by sliding the bubble. In Design 10, when the user slides down the activity card in the main view interface of Design 10, the position of the activity card moves downward, presenting the interface change from the main view of Design 10 to Design 10 Interface Variation State Diagram 1. When the user continues to slide the active card to a preset position, more activity-related information is displayed below the card, presenting the interface changes from Design 10 Interface Change Status Diagram 1 to Design 10 Interface Change Status Diagram 2. The user can click on the activity avatar or name in Design 10 Interface Change Status Diagram 2 to enter the task details page, or can click on any video card in the expanded content area to enter the corresponding video playback page.

Images