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.