Cart activity graphical user interface for electronic device

Abstract

1. The name of the present design product: order-adding activity 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 and design 2 of the present design product are the usual design, and the rear view, left view, right view, top view and bottom view of design 1 and design 2 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 to show order-adding activity. 8. The human-computer interaction mode of the graphical user interface: design 1 front view shows the order-adding activity graphical user interface. The interface top of design 1 front view shows the top toolbar in the inactive state covered by a black translucent mask, and the top toolbar shows the number of goods in the shopping cart, the shipping address input field, the share button, the multi-selection button and the like button from left to right. The top toolbar below shows the order-adding activity page. The order-adding activity page top shows the order-adding activity title, and the order-adding activity page top right shows the close button, which can be clicked / touched by the user to close the order-adding activity page. The order-adding activity title below shows the order-adding activity bar, and the order-adding activity bar top left shows the order-adding activity bar sub-title, and the order-adding activity sub-title below shows several order-adding modules, each of which has the same width. In design 1 front view, the order-adding activity bar shows the first order-adding module and the second order-adding module from top to bottom. The first order-adding module upper part shows the first order-adding information area, the first order-adding information area upper part shows the total price of the goods that still need to be added and the discount obtained by order-adding, the first order-adding information area lower part shows the order-adding progress bar, and the first order-adding information area right part shows the add goods button, which can be clicked / touched by the user to add new goods from the store to complete the order-adding. The first order-adding module lower part shows the first order-adding function area, the first order-adding function area upper part shows the user adding goods from somewhere, such as the shopping cart, to complete the order-adding prompt and the fold first order-adding function area button, which can be clicked / touched by the user to fold the first order-adding function area. The first item combination function area displays a product list at the bottom, such as items in the shopping cart. The product list displays several product images, and a product selection button is displayed on the upper left of each product image. Users can swipe horizontally through the product list to switch between the displayed product images; users can click / touch the product selection button on the upper left of each product image to select / deselect the corresponding product. The second add-on module displays the second add-on information area at the top. The top left of the second add-on information area prominently displays the add-on discount icon, the left side of the second add-on information area prominently displays the add-on discount amount and the conditions for the add-on discount, the middle of the second add-on information area displays the total price of the items that still need to be added and the discount obtained from adding the items, the right side of the second add-on information area displays the add-on item button, users can click / touch the add-on item button to add new items from the store to complete the add-on, and the bottom of the second add-on information area displays the add-on progress bar. The second add-on module displays the second add-on function area at the bottom. The second add-on function area shows the prompts for users to add items from, for example, the shopping cart to complete the add-on order and a button to expand the second add-on function area. Users can click / touch the button to expand the second add-on function area to view it. The bottom of the bundle activity page displays, from left to right, a "Select All" button, a "Select Product Price" button, and a "Checkout" button. The bottom toolbar is displayed at the bottom of the interface, and various buttons are displayed from left to right in the bottom toolbar. When the user taps / touches the button to collapse the first add-on function area of ​​the first add-on module that has been expanded, the interface changes from the main view of Design 1 to the change state diagram of Design 1. In the change state diagram of Design 1, the first add-on function area of ​​the first add-on module is collapsed, and at the same time, the second add-on function area of ​​the second add-on module is automatically expanded. The main difference between the design 1 change state diagram and the design 1 main view lies in the first add-on function area below the first add-on module and the second add-on function area below the second add-on module. Design 2's main view shows the graphical user interface for the bundled purchase activity. The main difference between the main view of Design 2 and the main view of Design 1 is that the "add-on activity" bar in the main view of Design 2 also displays the same third "add-on" module as the second "add-on" module in the main view of Design 1. The third "add-on" function area of ​​the third "add-on" module is in a collapsed state. When a user adds items that meet the conditions for combined purchase discounts in the first combined purchase module, the interface changes from the main view of Design 2 to the change state diagram of Design 2. The first and second columns are divided into a first column and a second column, the first column is located above the second column, the left side of the top of the first column displays a sub-title of the column, the right side of the top of the first column displays a button of having obtained a discount, the sub-title of the column is followed by a plurality of modules of completing a column, the left side of the top of the second column displays a sub-title of the column, and the sub-title of the column is followed by a plurality of modules of a column. In the second design, the first column displays a first module of completing a column, and the second column displays a second module and a third module of a column, wherein the second module of a column located at the first position of the second column is automatically unfolded, and the third module of a column is still in a folded state. In addition, the second design displays a prompt box in the middle of the interface, prompting the user that the column discount has been obtained. In each view, the adding goods button of the column information area, the unfolding column function area button of the column function area, the folding column function area button of the column function area, the goods selected button of the goods picture, and the like are used for human-computer interaction and function implementation.

Images