The main body of the graphical user interface for configuring components in electronic devices

Abstract

1. Name of the product in this design: Body of a graphical user interface for configuring components in an electronic device. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 4. The image or photograph that best illustrates the design's key points: Design 2 main view. 5. Design 2 is designated as the basic design. 6. Purpose of the graphical user interface: The overall and partial appearance design of the interface is used to configure service components, preview components, etc. on the card homepage. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, users can select any component module and drag it to the card overlay above to complete the component configuration. They can also slide the component module to the left to preview more components. Design 2 uses the same human-computer interaction method as Design 1. In the main view of Design 3, users can continue to drag components to the plus sign area at the top to complete component configuration. The main view of Design 4 displays the configured component modules, and users can swipe left to preview more components. In the main view of Design 5, when the user swipes up the interface list module to the bottom of the list, the component module at the bottom of the interface expands, showing the interface changes from the main view of Design 5 to the interface change state diagram 1 of Design 5. When a user drags any component module to the card overlay above, the card list displays the areas that can be added, showing the interface changes from Design 5 Interface Change State Figure 1 to Design 5 Interface Change State Figure 2. When the user drags a component module into the area where it can be added, the component configuration is complete, and the interface changes from Design 5 Interface Change State Figure 2 to Design 5 Interface Change State Figure 3 are displayed. In the interface change state diagram 3 of Design 5, users can swipe down the card list to restore the normal list state. Design 6 uses the same human-computer interaction method as Design 5.

Images