Product display module for shopping interactive graphical user interface of electronic device

Abstract

1. Name of the product in this design: Product display module for a shopping interactive graphical user interface for electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the solid lines in the graphical user interface, and the dashed lines do not constitute part of the design for which protection is sought. 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 for shopping interaction; protected local uses include displaying product details and providing purchase options. 7. Human-computer interaction method of graphical user interface: In Design 1, users can click the "More" control in the main view interface of Design 1 to jump to the activity homepage to view more products participating in the activity, or view them through the product cards at the top of the horizontal swipe module. Users can also click on any product card at the top of the interface module to view the product details, or click on any product card at the bottom of the interface module to jump to the activity homepage to view more products participating in the activity. The human-computer interaction description for Design 2 is the same as that for Design 1. In Design 3, users can click the "More" control in the main view interface of Design 3 to jump to the activity homepage to view more participating products, or continue to swipe left to the product card at the top of the module to jump to the activity homepage to view more participating products. Users can also click on any product card at the top of the interface module to view the product details, or click on any product card at the bottom of the interface module to jump to the activity homepage to view more products participating in the activity. The human-computer interaction descriptions for Designs 4 to 6 are the same as those for Design 1. The human-computer interaction description for Design 7 is the same as that for Design 3. The human-computer interaction description for Design 8 is the same as that for Design 1. In Design 9, when the user does not operate or swipes left to the top of the interface module to display the product cards, the cards scroll left and show the interface changes from the main view of Design 9 to the interface change state diagram 1 of Design 9. When the cards are displayed in a carousel or when the user swipes to the far right, a "Swipe to see more" prompt appears behind the last product card, showing the interface changes from Design 9 Interface Change State Figure 1 to Design 9 Interface Change State Figure 2. Users can continue to swipe the cards to the left to jump to the activity homepage to view more products participating in the activity. The human-computer interaction description of Design 10 is the same as that of Design 9.

Images