The display interface of the human-machine interface of electronic devices: graphical user interface status display interface

Abstract

1. Name of the product in this design: Status display interface of graphical user interface for electronic equipment human-machine interface. 2. Purpose of this design: The overall purpose is an electronic device; the partial purpose is to display navigation information, position information, etc., of a human-machine interface through a status display interface. 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 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The interface is used to display the heading information, position information, etc. of electronic devices in the human-machine interface through the status display interface. 7. Human-Computer Interaction Method of Graphical User Interface: The main view of Design 1 is a position-holding interface, displaying a boat-shaped image within a square area. A button on the lower left of the main view of Design 1 is highlighted, indicating that the position-holding function is activated. Clicking the button on the upper right of the position-holding interface activates the function, displaying four directional buttons, resulting in the Design 1 interface change state diagram 1. Clicking the directional buttons in Design 1 interface change state diagram 1 allows for position adjustment. Alternatively, the boat-shaped image within the square area can be dragged to directly change its position. Dragging the boat-shaped image allows for movement in all directions, unrestricted by the four directional buttons. Clicking a directional button displays the target position, showing the boat-shaped image at the target location. The interface displays a motion effect of the boat-shaped image moving from the current position to the target position, resulting in the Design 1 interface change state diagram 2. After determining the position to hold, the system automatically moves to the target position, and the interface displays a dynamic change in the motion effect of the boat-shaped image moving from the current position to the target position, resulting in the Design 1 interface change state diagram 3. Design 2's main view is the position-holding interface, showing the boat-shaped image within a square area. A button on the lower left of the main view is highlighted, indicating the position-holding function is ready to be activated. Clicking the button on the upper right of the position-holding interface activates the function, displaying two directional buttons (up and down). The corresponding position adjustment can only move forward or backward, resulting in Design 2's interface change state diagram 1. Clicking the directional buttons in Design 2's interface change state diagram 1 allows for position adjustment. Alternatively, dragging the boat-shaped image within the square area directly changes its position. Dragging the boat-shaped image allows for movement in all directions, unrestricted by the up and down directional buttons. Clicking the directional buttons displays the target position, showing the boat-shaped image at the target location. The interface displays a motion effect of the boat-shaped image moving from the current position to the target position, resulting in Design 2's interface change state diagram 2. After determining the position to hold, the system automatically moves to the target position, and the interface displays a dynamic change in the motion effect of the boat-shaped image moving from the current position to the target position, resulting in Design 2's interface change state diagram 3.Design 3's main view is the position-holding interface, showing a boat-shaped image within a circular area. A button on the lower left of the main view is highlighted, indicating the position-holding function is activated. Clicking the button on the upper right of the position-holding interface activates the function, displaying four directional buttons, resulting in Design 3's interface state change diagram 1. Clicking the directional buttons in Design 3's interface state change diagram 1 allows for position adjustment. Alternatively, the boat-shaped image within the circular area can be dragged to directly change its position. Dragging the boat-shaped image allows for movement in all directions, unrestricted by the four directional buttons. Clicking a directional button displays the target position, showing the boat-shaped image at that target location. The interface then displays a motion effect of the boat-shaped image moving from its current position to the target position, resulting in Design 3's interface. In the state change diagram 2, after determining the position to be maintained, the system automatically moves to the target position. The interface displays a dynamic change in the movement effect of the ship-shaped image from the current position to the target position, resulting in the state change diagram 3 of Design 3. The main view of Design 4 is the position-maintaining interface, showing the ship-shaped image within the circular area. The button on the lower left of the main view of Design 4 is highlighted, indicating that the position-maintaining function is to be activated. Clicking the button on the upper right of the position-maintaining interface activates the position-maintaining function, displaying two directional buttons (up and down). The corresponding position adjustment can only move forward and backward, resulting in the state change diagram 1 of Design 4. Clicking the directional buttons in the state change diagram 1 of Design 4 allows for position adjustment, or the ship-shaped image within the circular area can be dragged to directly change its position. The boat-shaped image can be dragged and moved in any direction, unrestricted by the up and down directional buttons. Clicking a directional button displays the target position, showing the boat-shaped image at that location. An animation of the boat-shaped image moving from the current position to the target position is displayed on the interface, resulting in Design 4's interface change state diagram 2. After determining the position to be held, the system automatically moves to the target position, and the interface displays a dynamic change in the animation of the boat-shaped image moving from the current position to the target position, resulting in Design 4's interface change state diagram 3. Design 5's main view is the position-holding interface, showing the boat-shaped image within a square area. A button on the lower left side of the Design 5 main view is highlighted, indicating that the position-holding function is pending activation. Clicking the button on the upper right side of the position-holding interface activates the position-holding function. Eight directional buttons are displayed, resulting in Design 5 Interface Change State Diagram 1. Clicking the directional buttons in Design 5 Interface Change State Diagram 1 allows for position adjustment. Alternatively, the ship-shaped image within the square area can be dragged to directly change its position. By directly dragging the ship-shaped image, it can be moved in any direction without being restricted by the eight directional buttons displayed on the square area. Clicking any directional button displays the target position, showing the ship-shaped image at the target position. The interface then displays a motion effect of the ship-shaped image moving from the current position to the target position, resulting in Design 5 Interface Change State Diagram 2. After determining the position to be maintained, the system automatically moves to the target position, and the interface displays a dynamic change of the motion effect of the ship-shaped image moving from the current position to the target position, resulting in Design 5 Interface Change State Diagram 3.Design 6's main view is the position-holding interface, showing a ship-shaped image within a square area. A button on the lower left of the main view is highlighted, indicating the position-holding function is activated. Clicking the button on the upper right of the position-holding interface activates the function, displaying eight directional buttons, resulting in Design 6's interface state change diagram 1. Clicking the directional buttons in Design 6's interface state change diagram 1 allows for position adjustment. Alternatively, the ship-shaped image within the square area can be dragged to directly change its position. Dragging the ship-shaped image allows for movement in all directions, unrestricted by the eight directional buttons displayed on the square area. Clicking any directional button displays the target position, showing the ship-shaped image at that target location. The interface displays a motion effect of the ship-shaped image moving from its current position to the target position, resulting in Design 6's interface state change diagram 2. After determining the position for direction holding, the system automatically moves to... At the target location, the interface displays a dynamic change in the ship-shaped image moving from the current position to the target position, resulting in Interface Change State Diagram 3 of Design 6. The main view of Design 7 is the heading-keeping interface, showing the ship-shaped image within the circular wheel area. A button on the upper left of the main view of Design 7 is highlighted, indicating that the heading-keeping function is ready to be activated. Clicking the button on the upper right of the heading-keeping interface activates the function, displaying two steering buttons, resulting in Interface Change State Diagram 1 of Design 7. Clicking either steering button in Interface Change State Diagram 1, or clicking and sliding the circular wheel area to directly change the angle, results in an angle change within the circular wheel area, manifested as a fan-shaped area, resulting in Interface Change State Diagram 2 of Design 7. After determining the heading-keeping direction, the system automatically turns, and the interface displays a steering wheel effect, resulting in Interface Change State Diagram 3 of Design 7.

Images