Screen control graphical user interface for electronic devices

Abstract

1. Name of the product subject to this design: Screen-controlled graphical user interface for electronic devices. 2. Application of this design: This design is intended for use in electronic devices. 3. The key design features of this product are the graphical user interface content of the electronic device. 4. The image or photograph that best illustrates the design's key points: the front view. 5. Purpose of graphical user interface: for screen control. 6. Human-Computer Interaction Method of Graphical User Interface: The main view is the main interface, with the time and date displayed in the center, along with multiple horizontally arranged APP icons. Each APP icon is labeled with its APP name. The left and right sides of the interface include sidebar thumbnails. Clicking the right-side sidebar thumbnail icon leads to interface state diagram 1. In interface state diagram 1, the right side of the interface displays a sidebar containing a widget module at the bottom. This widget module contains six horizontally arranged icons. Clicking the first icon on the right (split-screen icon) leads to interface state diagram 2. In interface state diagram 2, the interface includes two sub-interfaces arranged left and right, with a split-screen button between them. Each sub-interface contains multiple APP icons. Clicking any APP icon in the left sub-interface leads to interface state diagram 3. In interface state diagram 3, the interface includes two sub-interfaces arranged left and right, with a split-screen button between them. The left sub-interface displays the content corresponding to the aforementioned APP icon, while the right sub-interface contains multiple... Clicking any app icon in the right-hand sub-interface will bring up interface state diagram 4. In interface state diagram 4, clicking the split-screen button between the two sub-interfaces will bring up interface state diagram 5. In interface state diagram 5, both sub-interfaces display content corresponding to the selected app icon. Three adjustment icons are displayed in the center of the interface, above the split-screen button: from left to right, the left sub-interface app icon, the switch icon, and the right sub-interface app icon. A minus sign button is located in the upper right corner of both the left and right sub-interface app icons. Clicking the switch icon will bring up interface state diagram 6. In interface state diagram 6, both sub-interfaces display content corresponding to the selected app icon. Three adjustment icons are displayed in the center of the interface, above the split-screen button: from left to right, the left sub-interface app icon, the switch icon, and the right sub-interface app icon. A minus sign button is located in the upper right corner of both the left and right sub-interface app icons. This will bring up interface state diagram 7. 7. Other situations requiring explanation: In each view, "xx" represents variable text and / or numbers, and grayscale blocks and red blocks are all variable content screens.

Images