Full-touch picture-in-picture graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Full-touch picture-in-picture graphical user interface for electronic devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The picture or photo that best illustrates the key design points: Design 1 main view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: This graphical user interface is used to simultaneously observe the images displayed in the main display area and the sub-display area (e.g., endoscopic images and ultrasound images), and to adjust the images displayed in the main display area and the sub-display area by touch. In the main view of Design 1, perform a zoom-in gesture on the sub-display area displayed on the left side of the main display area in the center to display the changing state diagram of Design 1. In the main view of Design 2, perform a zoom-in gesture on the sub-display area displayed on the left side of the main display area in the center to display the change state diagram of Design 2. In the main view of Design 3, perform a zoom-in gesture operation on the sub-display area displayed on the left side of the main display area in the middle, and display the change state diagram of Design 3 (Figure 1). In the design 3 change state diagram 1, the zoom gesture operation is performed again on the sub-display area to display the design 3 change state diagram 2. In the main view of Design 4, perform a zoom-in gesture operation on the sub-display area displayed on the left side of the main display area in the middle, and display the change state diagram of Design 4 (Figure 1). In Design 4 Change State Diagram 1, a zoom-out gesture is performed on the sub-display area, and Design 4 Change State Diagram 2 is displayed. In the main view of Design 5, perform a zoom-in gesture operation on the sub-display area displayed on the left side of the main display area in the center, and display the change state diagram of Design 5 as shown in Figure 1. In Design 5 Change State Diagram 1, a zoom-out gesture is performed on the sub-display area to display Design 5 Change State Diagram 2. In the main view of Design 6, perform a zoom gesture operation on the sub-display area displayed on the left side of the main display area in the middle, and display the change state diagram of Design 6 (Figure 1). In the design 6 change state diagram 1, the zoom gesture operation is performed again on the sub-display area to display the design 6 change state diagram 2. In the design 6 change state diagram 2, a shrink gesture operation is performed on the sub-display area to display the design 6 change state diagram 3. In the main view of Design 7, perform a zoom gesture operation on the sub-display area displayed on the left side of the main display area in the middle, and display the change state diagram of Design 7 (Figure 1). In the design 7 change state diagram 1, the zoom gesture operation is performed again on the sub-display area to display the design 7 change state diagram 2. In the design 7 change state diagram 2, a shrink gesture operation is performed on the sub-display area to display the design 7 change state diagram 3. In the design 7 change state diagram 3, the shrink gesture operation is performed again on the sub-display area, and the design 7 change state diagram 4 is displayed. In the main view of Design 8, click the "Main Display Switch" button to display the Design 8 change state diagram 1. The images displayed in the central main display area and the sub-display area to the left of the main display area are swapped. See Design 8 change state reference diagram 1. In Design 8 Change State Diagram 1, a zoom-in gesture is performed on the sub-display area to display Design 8 Change State Diagram 2. The main display area is shown in the middle of the main view of Design 9. Clicking the "Picture-in-Picture" button on the right side of the main display area will display the sub-display area on the left side of the main display area, showing the change status diagram of Design 9, Figure 1. In Design 9 Change State Diagram 1, a zoom-in gesture is performed on the sub-display area to display Design 9 Change State Diagram 2. The main display area is shown in the middle of the main view of Design 10. Clicking the "Picture-in-Picture" button on the right side of the main display area will display the sub-display area on the left side of the main display area, showing the change status diagram of Design 10 (Figure 1). In Design 10 Change State Diagram 1, a zoom-in gesture is performed on the sub-display area to display Design 10 Change State Diagram 2. In the design 10 change state diagram 2, the zoom gesture operation is performed again on the sub-display area to display the design 10 change state diagram 3. In all the designs, the dark gray and light gray overlays represent two content screens that are independent of the graphical user interface.

Images