Corresponding timeline for material ordering interaction graphical user interface for electronic devices

Abstract

1. The name of the design product: corresponding timeline material sorting interaction graphical user interface for electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: in the graphical user interface. 4. The picture or photo that best indicates the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: the claimed design is used for video material editing, adjusting the sorting position of video material in different timelines, and quick dragging of video material. 7. The human-computer interaction mode of the graphical user interface: in the design 1 front view, the interface below is the video material editing function area, and the recognized text track and corresponding timeline are displayed above the video material area. The user can long press any segment of video material in the interface to enter the material sorting state, and can also click any control in the interface to perform corresponding operations. The human-computer interaction mode of design 2 is the same as that of design 1. The design 3 front view is the video material sorting state entered by the user long pressing. The selected material appears as a fixed-size square. The user can drag the segment to the left or right to sort. The design 4 front view is the state when the user long presses and drags the selected video material to the left, and selects the sorting position (highlights the starting point of the segment). The user can continue to drag the segment to the left or right to sort, or can drop the segment into the selected sorting position by releasing the hand. The design 5 front view is the state when the user long presses and drags the selected video material to the right, and selects the sorting position (highlights the ending point of the segment). The user can continue to drag the segment to the left or right to sort, or can drop the segment into the selected sorting position by releasing the hand. In the design 6 front view, when the user long presses any segment of video material in the video material area below the interface, the segment is selected and enters the sorting state. The function controls at the bottom of the interface are hidden, and the interface changes from design 6 front view to design 6 interface change state diagram. In the design 7 front view, when the user long presses any segment of video material in the video material area below the interface, the segment is selected and enters the sorting state. The function controls at the bottom of the interface are hidden, and the interface changes from design 7 front view to design 7 interface change state diagram 1. When the user drags the selected material to the left, the starting point of the segment is highlighted, and the alignment with the text and timeline is identified, and the interface changes from design 7 interface change state diagram 1 to design 7 interface change state diagram 2. In the design 8 main view, when the user long-presses any one piece of video material in the video material area below the interface, the piece of material is selected and enters the sorting state, the function control at the bottom of the interface is hidden, and the interface changes from the design 8 main view to the design 8 interface change state diagram 1. When the user drags the selected material to the right, the end point position of the piece of material is highlighted, and the alignment with the text and the timeline is indicated, and the interface changes from the design 8 interface change state diagram 1 to the design 8 interface change state diagram 2. The human-computer interaction mode of the design 9 main view to the design 9 interface change state diagram 2 is the same as that of the design 7 main view to the design 7 interface change state diagram 2. In the design 9 interface change state diagram 2, when the user releases the hand, the selected material falls into the newly selected position, the function control at the bottom of the interface is displayed, and the interface changes from the design 9 interface change state diagram 2 to the design 9 interface change state diagram 3. The human-computer interaction mode of the design 10 main view to the design 10 interface change state diagram 2 is the same as that of the design 8 main view to the design 8 interface change state diagram 2. In the design 10 interface change state diagram 2, the user drags the selected material to the right to the edge position of the interface, the material module triggers leftward sliding (during the process of dragging the material module to slide, the user can stop the sliding of the material module by dragging in the opposite direction), and when the user continuously drags the selected material to the right, the material module slides faster, and the farthest position is the end position of the material, and the interface changes from the design 10 interface change state diagram 2 to the design 10 interface change state diagram 3. In each design interface, the gray-coated rectangle local area is a content picture, such as a video material, a picture / photo, etc.

Images