Sidebar interactive graphical user interface for electronic devices

Abstract

1. The name of the design product: Sidebar interactive graphical user interface for electronic devices. 2. Purpose of the product of this design: an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Design 1 changing state diagram 1. 5. The electronic device of this design is of conventional design, and the rear view, left view, right view, top view and bottom view of Design 1 and Design 2 are omitted. 6. Designate Design 1 as the base design. 7. Purpose of graphical user interface: used for sidebar interface display and human-computer interaction. 8. Human-computer interaction method of graphical user interface: The main view of Design 1 shows the initial interactive interface of the sidebar, and the sidebar of the interface is in the expanded state. When the user hovers the mouse over the sidebar area, the interface changes from the main view of Design 1 to Design 1 change state diagram 1; the interface of Design 1 change state diagram 1 shows the collapse button of the sidebar, and the user can click / touch the collapse button in the interface of Design 1 change state diagram 1, and the interface changes from Design 1 change state diagram 1 to Design 1 change state diagram 2, and the sidebar is in the collapsed state. In addition, various buttons are displayed in sequence in the upper right corner of the Design 1 main view and change status diagram interface, and users can selectively click / touch each button to perform corresponding operations. The main view of Design 2 shows the initial interactive interface of the sidebar. The sidebar of the interface is in the expanded state. When the user hovers the mouse over the sidebar area, the interface changes from the main view of Design 2 to Design 2 change state diagram 1. The interface of Design 2 change state diagram 1 shows the collapse button of the sidebar. The user can click / touch the collapse button in the interface of Design 2 change state diagram 1, and the interface changes from Design 2 change state diagram 1 to Design 2 change state diagram 2. At this time, the sidebar area is in the collapsed state. In addition, the user can also click / touch the button in the upper right corner of the Design 2 main view and change status diagram interface to trigger the display of the corresponding interface. In each view, the collapse button in the design 1 main view and each change state diagram interface and the various buttons in the upper right corner of the interface are used for human-computer interaction and to realize functions. Design 2 The collapse button in the main view and each change state diagram interface and the button in the upper right corner of the interface are used for human-computer interaction and to realize functions. 9. Other situations that require explanation: "X" in the interface indicates the text, number or symbol content area. The interface content displayed in the actual use process of the main view and change state diagram 1-2 of design 1-2 can correspond to the main view and change state reference diagram of reference design 1-2.

Images