Storefront graphical user interface for electronic devices

Abstract

1. The name of the present design product: store 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 10 are conventional designs, and the rear view, left view, right view, top view and bottom view of design 1-design 10 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 store display. 8. The human-computer interaction mode of the graphical user interface: design 1 front view shows the store display graphical user interface. The top toolbar is displayed at the top of the interface of design 1 front view, which displays the back button, search bar, search button and more function button from left to right, and the store sign area is displayed below the top toolbar, and the store goods area is displayed below the store sign area. The store sign area includes store information such as store avatar, store name, store description, store star level on the left side, follow store button on the right side, and characteristics label of the store on the lower part. The store goods area top shows the switch display content button for switching the display content of this area, and the store goods sold by the store are displayed below the switch display content button. The user can click / touch the back button on the left side of the top of the interface to perform the back operation; the user can click / touch the search bar in the middle of the top of the interface to input text, and click / touch the search button on the right side of the search bar to perform the goods search; the user can click / touch the more function button on the right side of the top of the interface to perform other function operations; the user can click / touch the follow store button on the right side of the store sign area of the interface to follow the store; the user can click / touch the switch display content button at the top of the store goods area or swipe the store goods area horizontally to switch the content displayed in the store goods area; the user can swipe the store goods area upwards to display more store goods; the user can click / touch the goods related button of the store goods area to view the detailed information of the corresponding goods. Design 2 front view shows the store display graphical user interface. The main difference between design 2 and design 1 is that the content on the left side of the store description in the store sign area is different. Design 3 front view shows the store display graphical user interface. The main difference between Design 3 and Design 1 is that the interface of Design 3 uses a top fusion area instead of the top toolbar and the shop logo area in the interface of Design 1, and since the area of the top fusion area of the interface of Design 3 is smaller than the sum of the areas in the top toolbar and the shop logo area of the interface of Design 1, the display range of the shop commodity area is expanded. Design 3 main view interface shows a top fusion area at the top, and shows a shop commodity area below the top fusion area. The top fusion area shows, from left to right, a back button, a shop avatar, a shop name and a shop explanation, a search button, and a follow shop button. The user can click / touch the back button on the left side of the top of the interface to perform a back operation; the user can click / touch the search button on the right side of the top of the interface and input text to perform a commodity search; and the user can click / touch the follow button on the right side of the top of the interface to follow the shop. Design 4 main view displays a shop display graphical user interface. The main difference between Design 4 and Design 3 is that the content to the left of the shop explanation in the top fusion area of Design 4 is different. Design 5 main view displays a shop display graphical user interface. The main difference between Design 5 and Design 3 is that the follow button on the right side of the top of the interface of Design 5 is in a state that has been clicked / touched. Design 6 main view displays a shop display graphical user interface. The main difference between Design 6 and Design 4 is that the follow button on the right side of the top of the interface of Design 6 is in a state that has been clicked / touched. Design 7 main view displays a shop display graphical user interface. The main difference between Design 7 and Design 5 is that the interface of Design 7 uses a combination of a search bar and a search button on the right side of the top of the interface, instead of the search button and the follow button that has been clicked / touched on the right side of the top of the interface of Design 5. Design 8 main view displays a shop display graphical user interface. The main difference between Design 8 and Design 6 is that the interface of Design 8 uses a combination of a search bar and a search button on the right side of the top of the interface, instead of the search button and the follow button that has been clicked / touched on the right side of the top of the interface of Design 6. Design 9 main view displays a shop display graphical user interface. Design 9 main view, Design 9 change state diagram 1, Design 9 change state diagram 2, and Design 9 change state diagram 3 are the same as Design 1 main view, Design 3 main view, Design 5 main view, and Design 7 main view, respectively. The top of the design 9 home view interface displays a top toolbar, and the area below the top toolbar displays a store sign area. The middle and lower parts of the interface display a store product area. When the user swipes up the store product area of the interface, the interface changes from the design 9 home view to the design 9 changed state view 1. In the design 9 changed state view 1, the top toolbar and the store sign area are fused to form a top fusion area. Since the area of the top fusion area of the interface is smaller than the sum of the areas of the original top toolbar and the original store sign area at the top of the interface, the display range of the store product area is expanded. When the user clicks / touches the attention button at the right side of the top of the interface, the interface changes from the design 9 changed state view 1 to the design 9 changed state view 2 and the design 9 changed state view 3 in turn. The design 10 home view displays a store display graphical user interface. The design 10 home view, the design 10 changed state view 1, the design 10 changed state view 2, and the design 10 changed state view 3 are the same as the design 2 home view, the design 4 home view, the design 6 home view, and the design 8 home view, respectively. The top of the design 10 home view interface displays a top toolbar, and the area below the top toolbar displays a store sign area. The middle and lower parts of the interface display a store product area. When the user swipes up the store product area of the interface, the interface changes from the design 10 home view to the design 10 changed state view 1. In the design 10 changed state view 1, the top toolbar and the store sign area are fused to form a top fusion area. Since the area of the top fusion area of the interface is smaller than the sum of the areas of the original top toolbar and the original store sign area at the top of the interface, the display range of the store product area is expanded. When the user clicks / touches the attention button at the right side of the top of the interface, the interface changes from the design 10 changed state view 1 to the design 10 changed state view 2 and the design 10 changed state view 3 in turn. The buttons and the like in each view are used for human-computer interaction and realize functions.

Images