3D Product Display Graphical User Interface for Electronic Devices

Abstract

1. Name of the product in this design: Graphical User Interface for 3D Display of Electronic Devices. 2. Purpose of this design: for displaying information and human-computer interaction. 3. The key design features of this product are its graphical user interface content. 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 graphical user interface: To display 3D information about the product. 7. Human-computer interaction method of graphical user interface: Design 1 main view is a catalog interface that displays 3D information of the product. In the main view of Design 1, when the mouse is moved to the first icon "Bodor A" on the bottom left, a bubble "Model Selection" appears above "Bodor A", presenting the interface change state diagram 1 of Design 1. Clicking the triangle icon to the right of "Bodor A" presents the interface change state diagram 2 of Design 1. Clicking "Pipe Cutting Machine" in the interface change state diagram 3 of Design 1 presents the interface change state diagram 3 of Design 1. In the main view of Design 2, when you move the mouse to the first icon "Bodor A" on the bottom left, a bubble "Model Selection" appears above "Bodor A", presenting the Design 2 interface change state diagram 1. Clicking the triangle icon to the right of "Bodor A" presents the Design 2 interface change state diagram 2. Clicking "Welding Machine" in the Design 2 interface change state diagram 2 presents the Design 2 interface change state diagram 3. In the main view of Design 3, click the first icon "Bodor A" at the bottom left. A drop-down menu will appear, and any product can be selected from the drop-down menu, presenting the Design 3 interface change state diagram 1. In the Design 3 interface change state diagram 1, select and click "Bodor A" in the drop-down menu, presenting the Design 3 interface change state diagram 2. Place the mouse on the fifth icon at the bottom left in the Design 3 interface change state diagram 2, and a "More Models" bubble will appear, presenting the Design 3 interface change state diagram 3. Click the fifth icon at the bottom left in the Design 3 interface change state diagram 3, presenting the Design 3 interface change state diagram 4. Click "A4 P" in the Design 3 interface change state diagram 4, presenting the Design 3 interface change state diagram 5. Click the magnifying glass icon in the Design 3 interface change state diagram 5, presenting the Design 3 interface change state diagram 6. In the main view of Design 4, click the first icon "Bodor A" at the bottom left. A drop-down menu will appear, and any product can be selected from the drop-down menu. This will present the Design 4 interface change state diagram 1. In the Design 4 interface change state diagram 1, select and click "Bodor A" in the drop-down menu. This will present the Design 4 interface change state diagram 2. Place the mouse on the first icon at the bottom right of the Design 4 interface change state diagram 2. A "Share" bubble will appear. This will present the Design 4 interface change state diagram 3. Click the share icon. This will present the Design 4 interface change state diagram 4. In the main view of Design 5, click the first icon on the bottom left, "Bodor A," to bring up a drop-down menu. Any product in the drop-down menu can be selected, presenting the Design 5 interface change state diagram 1. In Design 5 interface change state diagram 1, select and click "Bodor A" in the drop-down menu, presenting the Design 5 interface change state diagram 2. Place the mouse on the second icon on the bottom right of Design 5 interface change state diagram 2, and a "Learn More" bubble will appear, presenting the Design 5 interface change state diagram 3. Click the "Learn More" icon, presenting the Design 5 interface change state diagram 4.

Images