Item detail graphical user interface for an electronic device

Abstract

1. The name of the design product: product detail graphic user interface for electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: in the graphic user interface. 4. The picture or photo that best shows the design points: front view. 5. The electronic device of the design is of ordinary design, and the rear view, left view, right view, top view and bottom view are omitted. 6. The use of the graphic user interface: for product detail display and human-computer interaction. 7. The human-computer interaction mode of the graphic user interface: the front view shows the product detail graphic user interface. The navigation bar at the top of the interface shows the back button, search bar, shopping cart button, share button and more function button from left to right. The navigation bar below shows the product picture area. The product picture area below shows the product information area. The interface at the bottom shows the like this product button and the add to shopping cart button. When the user slides the product picture from bottom to top by a predetermined distance (for example, 1 / 3 of the size of the product picture), the interface changes from the front view to the change state view. In the change state view, the contents displayed in the product picture area and the product information area move upwards, the product picture area becomes smaller with the sliding area, and the product information area becomes larger with the sliding area. In the change state view, the upper part of the navigation bar shows the back button, multiple category display buttons, shopping cart button, share button and more function button from left to right, the lower part of the navigation bar shows the search bar on the left side, and the navigation bar shows multiple keyword search buttons on the right side. The user can click / touch any of the category display buttons in the middle of the upper part of the navigation bar to view the detailed information under the category. The user can click / touch any of the keyword search buttons on the right side of the lower part of the navigation bar to search for products; the user can also slide any of the keyword search buttons on the right side into the search bar on the left side to search for products. 8. Other circumstances that need to be explained: "X" in the interface represents a text, number or symbol content area.

Images