Shopping Graphical User Interface for Electronic Devices (DIY Customization)

Abstract

1. Name of the product of this design: Shopping graphical user interface for electronic devices (DIY customization). 2. Purpose of the product of this design: an electronic device. 3. The design key points of this appearance design product are: the graphical user interface content. 4. The picture or photo that best illustrates the key points of the design: main view. 5. The electronic equipment is of conventional design and other views are omitted. 6.Purpose of the graphical user interface: to display the functions for users to purchase and obtain products. 7. Description of the changing states of the graphical user interface: Log in to the app, on the purchase page, click "DIY Customization" to see the main view; drag downward from the main view to enter the changing state diagram 1; in the changing state diagram 1, click the "I also want to customize" button at the bottom to enter the changing state diagram 2; in the changing state diagram 2, select a pair of shoes you like, "check" the circle in front of "Check to agree to the platform rules "Customization Rules"", and click the "I also want to customize" button at the bottom of the page to enter the changing state diagram 3; in the changing state diagram 3, click the "Buy Now" button at the bottom of the page to enter the changing state diagram 4; in the changing state diagram 4, drag downward to enter the changing state diagrams 5, 6, and 7 in turn; at the bottom of the changing state diagram 7, click "Submit Order" to enter the changing state diagram 8; in the changing state diagram 8, select the payment method and click the "Pay" button at the bottom. 205 yuan" button to enter the change state diagram 9; change state diagrams 9‑10‑11 are the same picture. In change state diagram 9, drag downward to enter change state diagrams 10 and 11 respectively; in change state diagram 9, for orders to be shipped, click "View Design" to enter change state diagram 12; in change state diagram 12, drag downward to enter change state diagram 13; in change state diagram 13, click the "View Details" button of a product "pending review" to enter change state diagram 14; in change state diagram 14, drag downward to enter change state diagram 15; in change state diagram 15, click the "No problem, start production" button to enter change state diagram 16; in change state diagram 16, fill in the content in the space with a red "*" key to enter change state diagram 17; in change state diagram 17, click the "Start Production" button to enter change state diagram 18. 8. Other situations that require explanation: The blank part of the main view belongs to the content screen.

Images