Convenient Purchase Interaction Module for the Convenient Purchase Interaction Graphical User Interface of Electronic Devices

Abstract

1. Name of the Design Product: The Convenient Purchase Interaction Module of the Graphical User Interface for Commodity Purchase on Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the partial part of the graphical user interface. The part outside the dashed line is the protected part. 4. Picture or Photograph Most Indicating the Design Key Points: The front view of Design 1. 5. Design 1 is designated as the basic design. 6. Use of the Graphical User Interface: For commodity purchase interaction. The protected partial part is used to add a convenient purchase guidance module on the commodity purchase page to guide users to purchase more commodities and increase the transaction volume. 7. Human - Machine Interaction Method of the Graphical User Interface: In Design 1, when the user clicks the upward expansion control behind the text of guiding convenient purchase of commodities at the bottom of the front - view interface of Design 1, the convenient purchase commodity half - screen panel can be expanded upward, presenting the interface change from the front view of Design 1 to the interface change state diagram of Design 1. The human - machine interaction description of Design 2 is the same as that of Design 1. In Design 3, when the user clicks the double - arrow control behind the convenient purchase commodity card at the bottom of the front - view interface of Design 3, the information of the convenient purchase commodity card can be newly added in the payment panel, presenting the interface change from the front view of Design 3 to the interface change state diagram of Design 3. In Design 4, when the user clicks the upward expansion control behind the text of guiding convenient purchase of commodities at the bottom of the front - view interface of Design 4, the convenient purchase commodity half - screen panel can be expanded upward, presenting the interface change from the front view of Design 4 to the interface change state diagram 1 of Design 4. When the user clicks the circle behind any commodity in the half - screen panel of the interface change state diagram 1 of Design 4, the commodity can be selected and added to the purchase list, presenting the interface change from the interface change state diagram 1 of Design 4 to the interface change state diagram 2 of Design 4. When the user clicks the downward retraction control in the upper - right corner of the half - screen panel of the interface change state diagram 2 of Design 4, the convenient purchase commodity half - screen panel can be retracted, and the quantity and price information of the selected convenient purchase commodities are displayed at the bottom of the payment panel. The user can click the "Pay Now" control to perform further operations, presenting the interface change from the interface change state diagram 2 of Design 4 to the interface change state diagram 3 of Design 4. In Design 5, when the user clicks the upward expansion control behind the text of guiding convenient purchase of commodities at the bottom of the front - view interface of Design 5, the convenient purchase commodity half - screen panel can be expanded upward, presenting the interface change from the front view of Design 5 to the interface change state diagram 1 of Design 5. When the user clicks on the circle behind the product in the half-screen panel of Design 5 Interface Change Status Diagram 1, the product can be selected and added to the shopping list, presenting the interface change from Design 5 Interface Change Status Diagram 1 to Design 5 Interface Change Status Diagram 2. When the user clicks on the downward collapse control in the upper right corner of the half-screen panel of Design 5 Interface Change Status Diagram 2, the half-screen panel for convenient purchases can be collapsed. The quantity and price information of the selected convenient purchase products are displayed at the bottom of the payment panel. The user can click on the "Pay Now" control to perform further operations, presenting the interface change from Design 5 Interface Change Status Diagram 2 to Design 5 Interface Change Status Diagram 3. In Design 6, when the user clicks on the double-arrow control behind the convenient purchase product card at the bottom of the main view interface of Design 6, the information of the convenient purchase product card can be newly added in the payment panel, presenting the interface change from the main view of Design 6 to Design 6 Interface Change Status Diagram 1. When the user clicks on the circle on the right side of the convenient purchase product card in Design 6 Interface Change Status Diagram 1, the product can be selected and added to the shopping list. The user can click on the "Pay Now" control to perform further operations, presenting the interface change from Design 6 Interface Change Status Diagram 1 to Design 6 Interface Change Status Diagram 2. In Design 7, the user can click on the upward expansion control behind the convenient purchase product copy at the bottom of the main view interface of Design 7 to expand the half-screen panel for convenient purchases upward. In Design 8, the user can click on the double-arrow control behind the convenient purchase product card at the bottom of the main view interface of Design 8 to add the information of the convenient purchase product card in the payment panel.

Images