Option analysis chart adjustment graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Option Analysis Chart Adjustment Graphical User Interface for Electronic Equipment. 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 picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: This graphical user interface is used for sorting option analysis charts and adjusting chart size. 7. Human-computer interaction method of graphical user interface: The main view of Design 1 is the main interface of option analysis. When the user hovers the mouse over the upper left corner of the "Option Transaction Statistics" card in the interface, the interface switches to the interface change state diagram of Design 1. At this time, an icon of "six dots" appears above the "Option Transaction Statistics" card. When a user clicks and drags the "six dots" icon, the entire "Options Transaction Statistics" card will be moved, and the interface will switch to the interface change state shown in Figure 2 of Design 1. In Interface Design 1, Interface Change State Diagram 2, when the “Options Transaction Statistics” card is dragged to the “Volatility Analysis” card, the interface switches to Interface Design 1, Interface Change State Diagram 3. At this time, the position of the “Options Transaction Statistics” card is replaced by the “Volatility Analysis” card. In the interface change state diagram 3 of Design 1, when the user releases the mouse button at the original position of the "Volatility Analysis" card, the interface switches to the interface change state diagram 4 of Design 1. Design 2's main view is the main interface for options analysis. When the user hovers the mouse over the "Volume Distribution" card in this interface, the interface switches to Design 2's interface state change diagram 1. In Design 2's interface state change diagram 1, the user clicks the second-to-last icon from the right in the upper right corner, and the interface switches to Design 2's interface state change diagram 2. At this time, the interface shows the option areas for "Large Card" and "Small Card". When the user clicks the "Large Card" option icon, the interface switches to Design 2's interface state change diagram 3, completing the adjustment of the card size. In this interface, the user slides to the bottom of the interface, and the interface switches to Design 2's interface state change diagram 4. In the Design 2 interface change state diagram 4, the user can return to the Design 2 main view interface by clicking the "Restore Default Layout" option icon in the lower left corner. The gray areas shown in each interface represent the content screen, and xx in each interface represents the text content.

Images