Drag effect display of electronic device graphical user interface and its main body

Abstract

1. The name of the product of this design: Drag effect display graphical user interface and its main body of an electronic device. 2. Purpose of the product of this design: an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: The interface is used to display the hidden return button according to the user's drag operation, and move the position of the button according to the user's operation; the local purpose is to display the hidden button from the side of the interface according to the user's drag operation. 7. Human-computer interaction method of graphical user interface: In Design 1 and Design 5, the main view is the main interface displayed by the electronic device; the user continuously drags from the left side of the interface toward the middle of the interface, and the interface jumps from the main view to interface change state diagram 1, interface change state diagram 2, interface change state diagram 3 and interface change state diagram 4 in turn; among them, the background area in the interface is used to display the content screen; the specific interface is shown in the interface usage state reference diagram. In Design 2, the main view is the main interface displayed by the electronic device; the user continuously drags from the left side of the interface toward the middle of the interface, and the interface jumps from the main view to interface change state diagram 1, interface change state diagram 2, and interface change state diagram 3 in turn; among them, the background area in the interface is used to display the content screen; the specific interface is shown in the interface usage state reference diagram. In Design 3, the main view is the main interface displayed by the electronic device; when the user presses and holds the circular button in the main view and drags it to the right, the interface jumps to the interface change state diagram 1; when the user presses and holds the circular button in the interface change state diagram 1 and drags it downward, the interface jumps to the interface change state diagram 2; wherein, the background area in the interface is used to display the content screen; the specific interface is shown in the interface usage state reference diagram. In Design 4, the main view is the main interface displayed by the electronic device; the user presses and holds the circular button in the main view and continues to drag it toward the left side of the interface, and the interface switches to Interface Change State Diagram 1, Interface Change State Diagram 2, Interface Change State Diagram 3 and Interface Change State Diagram 4 in sequence, wherein the background area in the interface is used to display the content screen; the specific interface is shown in the interface usage state reference diagram. 8. Other matters that require explanation: In Design 4 and Design 5, the parts that are not required to be protected are indicated by dotted lines.

Images