U disk content display graphical user interface for electronic device

Abstract

1. Name of the product in this design: Graphical User Interface for Displaying the Contents of a USB Flash Drive for Electronic Devices. 2. Purpose of this design: An electronic device. 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. This design is a two-dimensional product, and the rear view, left view, right view, top view, and bottom view are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: for displaying the contents of the USB flash drive. The main view of Design 1 shows the interface when a USB drive is inserted into the car's infotainment screen and there are no songs on the drive. When songs are detected on the USB drive, the interface changes as shown in Figure 1 of Design 1. Clicking on "XX's USB drive" displays Figure 2 of Design 1. Clicking on a specific song folder displays Figure 3 of Design 1, which is a second-level page of the folder. Clicking on the mini player bar at the bottom of the screen displays Figure 4 of Design 1, which is a full-screen player effect. Design 2's main view shows the interface when the USB drive is inserted into the car's infotainment screen and the system is scanning for videos on the USB drive. When videos are detected on the USB drive, the interface changes as shown in Design 2's interface state diagram 1. When "XX's USB drive" is clicked, the interface changes as shown in Design 2's interface state diagram 2. When a video folder is clicked, the interface changes as shown in Design 2's interface state diagram 3, which is a second-level page of the folder. When a specific video is clicked, the interface changes as shown in Design 2's interface state diagram 4. 8. Other situations requiring explanation: In Design 1 interface change state diagrams 1-3 and 1-3 of Design 2 interface change state diagrams, the gray-covered areas represent the content screen; in Design 1 interface change state diagram 4, the left circular pure white-covered area and the interface background represent the content screen; in Design 2 interface change state diagram 4, the interface background represents the content screen.

Images