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, long press and drag the sub-display area displayed on the left side of the central main display area to adjust the position of the sub-display area. See the change state diagram of Design 1. In the main view of Design 2, long press and drag the sub-display area displayed on the left side of the central main display area to adjust the position of the sub-display area, see the Design 2 change state diagram. In the main view of Design 3, long press and drag the sub-display area displayed on the left side of the central main display area to adjust the position of the sub-display area. See the Design 3 change state diagram. In the main view of Design 4, click on the blank space below "Picture-in-Picture". Four buttons will appear below "Picture-in-Picture". See the change state diagram of Design 4. In the main view of Design 5, click the blank space below "Picture-in-Picture". Four buttons will appear below "Picture-in-Picture", see Design 5 Change State Diagram 1. In the Design 5 Change State Diagram 1, click the top left square among the four square buttons to display the Design 5 Change State Diagram 2. In the main view of Design 6, click the blank space below "Picture-in-Picture". Four buttons will appear below "Picture-in-Picture", see Design 6 Change State Diagram 1. In the Design 6 Change State Diagram 1, click the upper right square of the four-square button to display the Design 6 Change State Diagram 2. In the main view of Design 7, click the blank space below "Picture-in-Picture". Four buttons will appear below "Picture-in-Picture", see Design 7 Change State Diagram 1. In the Design 7 Change State Diagram 1, click the bottom right square among the four square buttons to display the Design 7 Change State Diagram 2. In the main view of Design 8, click the blank space below "Picture-in-Picture". Four buttons will appear below "Picture-in-Picture". See Design 8 Change State Diagram 1. In Design 8 Change State Diagram 1, the four buttons will automatically hide after a period of inactivity. See Design 8 Change State Diagram 2. In the main view of Design 9, click the "Main Display Switch" button to display the Design 9 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 9 change state reference diagram 1. In Design 9 Change State Diagram 1, long press and drag the sub-display area displayed on the left side of the central main display area to adjust the position of the sub-display area, see Design 9 Change State Diagram 2. In the main view of Design 10, click the "Main Display Switch" button to display the Design 10 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 10 change state reference diagram 1. In Design 10 Change State Diagram 1, click the blank space below "Picture-in-Picture". Four buttons will appear below "Picture-in-Picture". See Design 10 Change State Diagram 2. In the Design 10 Change State Diagram 2, click the top left square among the four square buttons 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