Merchandise display graphical user interface for electronic devices

Abstract

1. The name of the present design product: 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 graphical user interface of the present design is used for product display. 8. The human-computer interaction mode of the graphical user interface: design 1 front view displays the product display graphical user interface. The upper part of the interface in design 1 front view shows the product picture area, the navigation bar is hidden, the upper boundary of the product picture area is flush with the upper boundary of the display screen panel, the left upper part of the product picture area shows the back button, and the right upper part of the product picture area shows the shopping cart button and the sharing button. The lower part of the interface shows the product information area, which displays the final price of the product, the discount information of the product, the product name of the product, the user evaluation of the product, the classification ranking of the product and the color selection button of the product. The bottom of the interface shows the like this product button and the add to cart button. The user can click / touch the back button on the left upper part of the product picture area to perform the back operation; the user can click / touch the shopping cart button on the right upper part of the product picture area to view the products in the shopping cart; the user can click / touch the sharing button on the right upper part of the product picture area to share the link of the product; the user can swipe the product picture area to switch the product pictures displayed in the product picture area; the user can click / touch the color selection button to select the color of the product; the user can click / touch the like this product button at the bottom of the interface to mark this product as liked; the user can click / touch the add to cart button at the bottom of the interface to add this product to the cart. Design 2 front view displays the product display graphical user interface. Design 2 front view is the same as design 1 front view. When the user slides up the interface, the interface changes from design 2 front view to design 2 change state view. In the design 2 change state diagram, the content displayed in the product picture area and the product information area moves upward, the product picture area becomes smaller with the increase of the sliding area, the product information area becomes larger with the increase of the sliding area, at the same time, the back button, the shopping cart button and the share button displayed on the upper part of the product picture area disappear, and the hidden navigation bar appears, so that the upper boundary of the product picture area is no longer flush with the upper boundary of the display screen panel, but flush with the lower boundary of the navigation bar, in addition, the product size selection button is displayed in the product information area. The navigation bar located at the top of the interface in the design 2 change state diagram displays the back button, the search bar, the search button, the shopping cart button, the share button and the more function button from left to right in sequence. The user can click / touch the back button on the left side of the navigation bar to perform the back operation; the user can input text in the search bar in the middle of the navigation bar, and then click / touch the search button on the right side of the search bar to perform the search; the user can click / touch the shopping cart button on the right side of the navigation bar to view the goods in the shopping cart; the user can click / touch the share button on the right side of the navigation bar to share the link of the product; the user can click / touch the share more function button on the right side of the navigation bar to perform other function operations. The design 3 main view displays the product display graphical user interface. The design 3 main view is the same as the design 1 main view. When the user slides the interface upward, the interface changes from the design 3 main view to the design 3 change state diagram. In the design 3 change state diagram, the content displayed in the product picture area and the product information area moves upward, the product picture area becomes smaller with the increase of the sliding area, the product information area becomes larger with the increase of the sliding area, at the same time, the back button, the shopping cart button and the share button displayed on the upper part of the product picture area disappear, and the hidden navigation bar appears, so that the upper boundary of the product picture area is no longer flush with the upper boundary of the display screen panel, but flush with the lower boundary of the navigation bar, in addition, the product size selection button is displayed in the product information area. The main difference between the design 3 change state diagram and the design 2 change state diagram is the navigation bar, the navigation bar displayed in the design 3 change state diagram displays the back button, a plurality of classification display buttons, the shopping cart button, the share button and the more function button from left to right in sequence on the upper part of the navigation bar, displays the search button and the search bar on the lower part of the navigation bar on the left side, and displays a plurality of product label buttons on the right side of the lower part of the navigation bar. The user can click / touch the back button on the left side of the upper part of the navigation bar to perform the back operation; the user can click / touch any one of the classification display buttons in the middle of the upper part of the navigation bar to view the detailed information under the classification; the user can click / touch the shopping cart button on the right side of the upper part of the navigation bar to view the goods in the shopping cart; the user can click / touch the sharing button on the right side of the upper part of the navigation bar to share the link of the goods; the user can click / touch the share more function button on the right side of the upper part of the navigation bar to perform other functions; the user can input text in the search bar on the left side of the lower part of the navigation bar, and then click / touch the search button on the left side of the lower part of the search bar to perform the search; the user can click / touch any one of the product label buttons on the right side of the lower part of the navigation bar to view the goods under the product label. In each view, each button and the like is used for human-computer interaction and realizes a function.

Images