Graphical user interface (product) used for product display and product creation on electronic devices.

Abstract

1. Name of the product in this design: Graphical User Interface (Product) for Product Display and Production of Electronic Devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product lies in the user graphical interface on the screen. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: This graphical user interface is a user interaction interface for product display and product creation. 7. Human-computer interaction method of graphical user interface: Design 1 The main view is the initial interface when entering the mini program. Slide the main view of Design 1 from left to right to display the Design 1 interface change state diagram 1. After sliding, a new interface will appear, displaying the Design 1 interface change state diagram 2. Slide from left to right in the Design 1 interface change state diagram 2 to display the Design 1 interface change state diagram 3. After sliding, a new interface will appear, displaying the Design 1 interface change state diagram 4. Slide from left to right in the Design 1 interface change state diagram 4 to display the Design 1 interface change state diagram 5. After sliding, a new interface will appear, displaying the Design 1 interface change state diagram 6. Click "Product" at the bottom of the Design 1 interface change state diagram 6 to enter a new interface, displaying the interface state shown in the Design 1 interface change state diagram 7. Click the left box at the top of the Design 1 interface change state diagram 7 to enter a new interface, displaying the interface state shown in the Design 1 interface change state diagram 8. Select any option in the Design 1 interface change state diagram 8 and click "OK" to enter a new interface, displaying the Design 1 interface. The interface state is shown in Figure 9 of the Design 1 Interface Change State diagram; clicking on any product in Figure 9 will enter a new interface, which will be displayed as shown in Figure 10 of the Design 1 Interface Change State diagram; clicking the option below "Select Model" in Figure 10 of the Design 1 Interface Change State diagram will enter a new interface, which will be displayed as shown in Figure 11 of the Design 1 Interface Change State diagram; sliding the page will display Figure 12 of the Design 1 Interface Change State diagram; after sliding to a certain extent, it will display Figure 13 of the Design 1 Interface Change State diagram, where different models can be selected. After selecting a model, click "OK" in the upper right corner of Figure 13 of the Design 1 Interface Change State diagram to enter Figure 14 of the Design 1 Interface Change State diagram; clicking "Submit Order" in Figure 14 of the Design 1 Interface Change State diagram will enter a new interface, which will be displayed as shown in Figure 15 of the Design 1 Interface Change State diagram; clicking on any product in Figure 15 of the Design 1 Interface Change State diagram will enter a new interface, which will be displayed as shown in Figure 16 of the Design 1 Interface Change State diagram, where you can view a large image of the product. Design 2's main view is the initial interface for entering the mini-program. Slide the main view of Design 2 from left to right to display the Design 2 interface change state diagram 1. After sliding, a new interface will appear, displaying the Design 2 interface change state diagram 2. Slide from left to right in the Design 2 interface change state diagram 2 to display the Design 2 interface change state diagram 3. After sliding, a new interface will appear, displaying the Design 2 interface change state diagram 4. Slide from left to right in the Design 2 interface change state diagram 4 to display the Design 2 interface change state diagram 5. After sliding, a new interface will appear, displaying the Design 2 interface change state diagram 6. Click "Product" at the bottom of the Design 2 interface change state diagram 6 to enter a new interface, displaying the interface state shown in the Design 2 interface change state diagram 7. Click the left box at the top of the Design 2 interface change state diagram 7 to enter a new interface, displaying the interface state shown in the Design 2 interface change state diagram 8. Select any option in the Design 2 interface change state diagram 8 and click "OK" to enter a new interface, displaying the Design 2 interface. The interface state is shown in Figure 9 of the Design 2 interface change state diagram; click on any product in Figure 9 of the Design 2 interface change state diagram to enter a new interface, which is shown in Figure 10 of the Design 2 interface change state diagram; in Figure 10 of the Design 2 interface change state diagram, click on the option below "Select Model" to enter a new interface, which is shown in Figure 11 of the Design 2 interface change state diagram; slide the page to show Figure 12 of the Design 2 interface change state diagram; after sliding to a certain extent, it will show Figure 13 of the Design 2 interface change state diagram, where you can select different models. After selecting a model, click "OK" in the upper right corner of Figure 13 of the Design 2 interface change state diagram to enter Figure 14 of the Design 2 interface change state diagram; in Figure 14 of the Design 2 interface change state diagram, click "Submit Order" to enter a new interface, which is shown in Figure 15 of the Design 2 interface change state diagram; click on any product in Figure 15 of the Design 2 interface change state diagram to enter a new interface, which is shown in Figure 16 of the Design 2 interface change state diagram, where you can view a large image of the product. Design 3's main view is the initial interface for entering the mini-program. Slide the main view of Design 3 from left to right to display the Design 3 interface change state diagram 1. After sliding, a new interface will appear, displaying the Design 3 interface change state diagram 2. Slide from left to right in the Design 3 interface change state diagram 2 to display the Design 3 interface change state diagram 3. After sliding, a new interface will appear, displaying the Design 3 interface change state diagram 4. Slide from left to right in the Design 3 interface change state diagram 4 to display the Design 3 interface change state diagram 5. After sliding, a new interface will appear, displaying the Design 3 interface change state diagram 6. Click "Product" at the bottom of the Design 3 interface change state diagram 6 to enter a new interface, displaying the interface state shown in the Design 3 interface change state diagram 7. Click the left box at the top of the Design 3 interface change state diagram 7 to enter a new interface, displaying the interface state shown in the Design 3 interface change state diagram 8. Select any option in the Design 3 interface change state diagram 8 and click "OK" to enter a new interface, displaying the Design 3 interface. The interface state shown in Figure 9 changes; clicking on any product in Figure 9 of the Design 3 interface changes will enter a new interface, which will be displayed as shown in Figure 10 of the Design 3 interface changes; clicking the option below "Select Model" in Figure 10 of the Design 3 interface changes will enter a new interface, which will be displayed as shown in Figure 11 of the Design 3 interface changes. Slide the page to display Figure 12 of the Design 3 interface changes. After sliding to a certain extent, it will display Figure 13 of the Design 3 interface changes, where you can select different models. After selecting a model, click "OK" in the upper right corner of Figure 13 of the Design 3 interface changes to enter Figure 14 of the Design 3 interface changes. Clicking "Submit Order" in Figure 14 of the Design 3 interface changes will enter a new interface, which will be displayed as shown in Figure 15 of the Design 3 interface changes. Clicking on any product in Figure 15 of the Design 3 interface changes will enter a new interface, which will be displayed as shown in Figure 16 of the Design 3 interface changes, where you can view a large image of the product. Design 4's main view is the initial interface for entering the mini-program. Design 4's main view is the initial interface for entering the mini-program. Slide the main view of Design 4 from left to right to display Design 4 interface change state diagram 1. After sliding, a new interface is entered, displaying Design 4 interface change state diagram 2. Slide from left to right in Design 4 interface change state diagram 2 to display Design 4 interface change state diagram 3. After sliding, a new interface is entered, displaying Design 4 interface change state diagram 4. Slide from left to right in Design 4 interface change state diagram 4 to display Design 4 interface change state diagram 5. After sliding, a new interface is entered, displaying Design 4 interface change state diagram 6. Click "Product" at the bottom of Design 4 interface change state diagram 6 to enter a new interface, displaying the interface state shown in Design 4 interface change state diagram 7. First, click the box at the top left of Design 4 interface change state diagram 7 to enter a new interface, displaying Design 4 interface change state diagram 8. After selecting any option, click the box on the right side of Design 4 interface change state diagram 8 and select any option to display Design 4 interface change state diagram 9. In Design 4 interface change state diagram 9, click "Product". Confirm to enter a new interface, as shown in Design 4 Interface Change State Diagram 10; Click on any product in Design 4 Interface Change State Diagram 10 to enter a new interface, as shown in Design 4 Interface Change State Diagram 11; Click on the option below "Select Model" in Design 4 Interface Change State Diagram 11 to enter a new interface, as shown in Design 4 Interface Change State Diagram 12; Scroll the page to see Design 4 Interface Change State Diagram 13; after scrolling to a certain extent, see Design 4 Interface Change State Diagram 14, where you can select different models. After selecting a model, click "OK" in the upper right corner of Design 4 Interface Change State Diagram 14 to enter Design 4 Interface Change State Diagram 15; Click "Submit Order" in Design 4 Interface Change State Diagram 15 to enter a new interface, as shown in Design 4 Interface Change State Diagram 16; Click on any product in Design 4 Interface Change State Diagram 16 to enter a new interface, as shown in Design 4 Interface Change State Diagram 17, where you can view a larger image of the product.

Images