Discovery page navigation bar editing graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Graphical User Interface for Editing the Navigation Bar of an Electronic Device. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the graphical user interface content in the electronic device. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: This graphical user interface is used to edit the navigation bar and shortcuts in the discovery page. 6. Description of the changing states of the graphical user interface: The main view is the discovery page interface. There is a vertical navigation bar on the left side of the interface, and functional application icons are arranged on the right side of the interface. Users can drag any functional application icon with the mouse and set the position of the functional application icon. For example, if the user drags the "Shortcut" application icon to the left, the interface will switch from the main view to the interface changing state diagram 2. In Interface Change State Diagram 2, users can drag any function application icon to the navigation bar with the mouse to fix the function application icon in the navigation bar; for example, in Interface Change State Diagram 2, if a user drags the "Custom" application icon to the navigation bar on the left side of the interface, the interface will switch from Interface Change State Diagram 2 to Interface Change State Diagram 4 in sequence. When a user clicks the "Shortcut" application icon in the interface change state diagram 4, the interface switches to the interface change state diagram 5. When the user clicks the second option button to the right of the "Shortcut" icon in the interface change state diagram 5, the arrangement of the shortcut icons can be changed, as shown in the interface change state diagram 6. The gray areas shown in each interface represent the content screen, and xx in each interface represents the text content.

Images