Navigation information display graphical user interface for electronic device

Abstract

1. Name of the product in this design: Graphical User Interface for Navigation Information Display on 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 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The interface is used to show the process of the navigation bar expanding into navigation cards or navigation panels according to user operations, and to display objects for user operation and navigation information in the navigation cards or navigation panels. 7. Human-computer interaction method of graphical user interface: In Design 1 and Design 2, the main view is the main interface displayed by the electronic device; when the user long-presses the operation object in the main view, the interface jumps to interface change state diagram 1; when the user drags the operation object down in interface change state diagram 1, the interface jumps to interface change state diagram 2; when the user drags the operation object to the navigation bar in interface change state diagram 2, the interface jumps to interface change state diagram 3; when the user releases the operation object in interface change state diagram 3, the interface jumps to interface change state diagram 4; where the operation object is text, file or image, the circular area in the interface is used to display the content screen, and the specific interface is shown in the interface usage state reference diagram. In Designs 3 and 4, the main view is the main interface displayed by the electronic device. When the user long-presses the object in the main view, the interface jumps to Interface Change State Diagram 1. When the user drags the object downwards in Interface Change State Diagram 1, the interface jumps to Interface Change State Diagram 2. When the user drags the object to the navigation bar in Interface Change State Diagram 2, the interface jumps to Interface Change State Diagram 3. When the user releases the object in Interface Change State Diagram 3, the interface jumps to Interface Change State Diagram 4 and Interface Change State Diagram 5 in sequence. The object can be text, a file, or an image. The circular area in the interface is used to display the content screen. The specific interface is shown in the Interface Usage Reference Diagram.

Images