Recommended item display graphical user interface for electronic devices

Abstract

1. The name of the present design product: recommended product display graphical user interface for electronic device. 2. The use of the present design product: an electronic device. 3. The design points of the present design product: in the graphical user interface. 4. The picture or photo that best indicates the design points: design 1 front view. 5. The rear view, left view, right view, top view and bottom view of design 1-design 3 of the present design product are conventional designs, and the rear view, left view, right view, top view and bottom view of design 1-design 3 are omitted. 6. Design 1 is designated as the basic design. 7. The use of the graphical user interface: the interface of the present design product is used for recommended product display. 8. The human-computer interaction mode of the graphical user interface: design 1 front view displays the recommended product display graphical user interface. Design 1 front view interface displays the top toolbar area at the top of the interface, displays the bottom toolbar area at the bottom of the interface, and displays the product display area in the middle of the interface. The product display area displays different product category buttons at the top, displays different product label buttons below the product category buttons, displays a product display list below the product label buttons, and displays a two-column product display frame in the product display list. The user can click / touch the product display frame in the product display list to view the product information of the corresponding product. When the user clicks / touches a product display frame in the product display list to view the product information of the corresponding product, and closes the window displaying the product information of the corresponding product, the interface changes from design 1 front view to design 1 changed state view. In design 1 changed state view, the product display frame is hidden, and a recommended product display frame with the same width as the original product display frame is generated at the original position. The positions of other product display frames below the product display frame in the same column are automatically adjusted according to the height of the generated recommended product display frame. Design 2 front view displays the recommended product display graphical user interface. Design 2 front view is the same as design 1 front view. When the user clicks / touches a product display frame in the product display list to view the product information of the corresponding product, and closes the window displaying the product information of the corresponding product, the interface changes from design 2 front view to design 2 changed state view. The main difference between design 2 changed state view and design 1 changed state view is that design 2 changed state view displays a recommended product display frame closing button on the right side of the recommended frame title in the recommended product display frame in the interface. The user can click / touch the recommended product display box close button to close the recommended product display box, fill the space formed by closing the recommended product display box with the original product display box, and automatically adjust the position of the lower product display box. The design 3 main view shows the recommended product display graphical user interface. The design 3 main view is the same as the design 1 main view and the design 2 main view. When the user clicks / touches one product display box in the product display list to view the product information of the corresponding product, and closes the window displaying the product information of the corresponding product, the interface changes from the design 3 main view to the design 3 change state view. In the design 3 change state view, a mask box is added below the product picture of the product display box, which masks the lower side of the product picture and forms a transition with the product picture. The upper left side of the mask box displays a product recommendation prompt, the upper right side of the mask box displays a mask box close button, and the lower middle of the mask box displays a search bar and a search button. In each view, each button in the interface is used for human-computer interaction and realizes the function.

Images