Audio track combination interactive graphical user interface for electronic device and its main body

Abstract

1. The name of the product of this design: Audio track combination interactive graphical user interface for electronic equipment and its main body. 2. Purpose of the product of this design: an electronic device. 3. The key design points of this design product are the solid line drawn parts in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: The interface is used as a whole for multi-track settings, and parts of the interface are used to edit track positions, merge tracks, separate tracks, etc. 7. Human-computer interaction method of the graphical user interface: The main view of Design 1 is a multi-track setting interface. The user can drag any instrument control in the middle of the main view of Design 1 and place it on top of another instrument to merge the tracks; long press any track combination to separate the instruments; slide the volume slider of any instrument to adjust the volume; and click the "Original Track" or "Instrument" control to switch instruments (the edited instrument will be prompted with "Original Track", and the unedited instrument will be displayed as "Instrument"). The human-computer interaction descriptions of Design 2 to Design 5 are the same as that of Design 1. The main view of Design 6 is a multi-track setting interface. When the user drags any instrument control in the main view of Design 6 and places it in the track combination area, the two controls become fused, presenting an interface change from the main view of Design 6 to the interface change state of Design 6 as shown in Figure 1. Subsequently, the dragged instrument control is integrated into the track combination, the size of the track combination is expanded, and the merger is completed, presenting the interface changes from Design 6 interface change state diagram 1 to Design 6 interface change state diagram 2. The human-computer interaction description of Design 7 is the same as that of Design 1. The main view of Design 8 is a multi-track setting interface. When the user drags any instrument control in the main view of Design 8 to overlay on the track combination, the background of the track combination expands and the border shows the expansion effect, presenting the interface change from the main view of Design 8 to the interface change state diagram 1 of Design 8. Then release the instrument control, the instrument is integrated into the audio track combination, the border expansion effect disappears, and the merger is completed, presenting the interface changes from Design 8 interface change state diagram 1 to Design 8 interface change state diagram 2. The main view of Design 9 is a multi-track setting interface. When the user long presses the track combination in the main view of Design 9, the outer circle of the combination displays a progress prompt, presenting the interface change from the main view of Design 9 to the interface change state diagram 1 of Design 9. Then the background darkens and the "sound field range" area is prompted. The instruments in the audio track combination are separated into multiple individual instrument controls, presenting the interface changes from Design 9 interface change state diagram 1 to Design 9 interface change state diagram 2. When the user drags one of the instrument controls out of the dotted circle to the "sound field range" area (the instrument control dragged out of the dotted area is not dropped within the "sound field range". When it is dragged to an area outside the "sound field range", it is adsorbed to the nearest position within the "sound field range" by default), the instrument separation is completed, the interface background is restored, and the instrument separation track combination presents the interface changes from Design 9 interface change state diagram 2 to Design 9 interface change state diagram 4. The human-computer interaction description of Design 10 is the same as that of Design 9.

Images