For electronic devices, a two-way interactive graphical user interface with an interactive exploded view is included as a product option at the BOM level.

Abstract

1. Name of the product in this design: A two-way interactive graphical user interface for electronic devices, with BOM-level product options, including an interactive exploded view. 2. Purpose of this design: Graphical user interface. 3. The key design features of this product are: the graphical user interface design on the screen. 4. The image or photo that best illustrates the design points: Interface change state diagram 1. 5. The design focus is solely on the graphical user interface; other views are omitted. 6. Purpose of the graphical user interface: Used to display the BOM exploded view and adjust the hierarchical list area. 7. Human-computer interaction method of graphical user interface: The main view is the initial state. Dragging the drag control at the top of the lower list downwards in the main view will display the interface change state diagram 1. Dragging the drag control at the top of the lower list upwards in the interface change state diagram 1 will display the interface change state diagram 2. Dragging the drag control at the top of the middle list downwards to a certain distance in the interface change state diagram 2 will display the interface change state diagram 3. Clicking the "Drop-down to expand album" control at the top of the list in the interface change state diagram 3 will return to the initial state of the main view.

Images