Quantitative strategy building graphical user interface for electronic devices

Abstract

1. Name of this design product: Quantitative strategy for constructing a graphical user interface for an electronic device. 2. Purpose of this design product: an electronic device. 3. The key design point of this design product lies in the interface content of the graphical user interface in the electronic device. 4. The picture or photo that best illustrates the design points: Interface change state diagram 1. 5. Purpose of the graphical user interface: This graphical user interface is used by users to build quantitative strategies. 6. Human-computer interaction mode of the graphical user interface: When the user clicks on the "Quantitative" tab in the main view, the interface switches to the interface change state Figure 1. At this time, the strategy list is displayed on the left side of the interface, the canvas area is set in the middle of the interface, and the property bar area is displayed on the right side of the interface. The user clicks the "+ New Strategy" option button at the top of the strategy list in the interface change state diagram 1, and the interface switches to the interface change state diagram 2. The user clicks to trigger the "New Visualization Strategy" card in the interface change state diagram 3; the user clicks the "Card Bar" icon in the upper left corner of the canvas area in the interface change state diagram 3, and the interface switches to the interface change state diagram 4. At this time, the interface displays a list of condition cards. The user long presses to select a condition card in the list and drags it to the canvas area. The interface is shown in the interface change state diagram 5, and the "Condition" card is displayed in the interface; the user clicks the "Start" card in the canvas area of ​​the interface change state diagram 5 and drags the mouse to the "Condition" card. The interface is shown in the interface change state diagram 6. The user clicks to trigger the "Condition" card in the interface change state diagram to view the card properties, and the interface switches to the interface change state diagram 7; the user clicks the "Moving Average Period" option icon in the property bar of the interface change state diagram 7 to modify the property parameters, and the interface switches to the interface change state diagram 8. The user clicks the "Card Bar" icon in the upper left corner of the canvas area in the interface change state diagram 8, and the interface switches to the interface change state diagram 9. , at this time, the event card list is displayed in the interface. The user long presses to select the event card in the list and drags it to the canvas area. The interface is shown in the interface change state diagram 10. At this time, the "Event" card is displayed in the interface; the user clicks the mouse on the "Condition" card in the canvas area of ​​the interface change state diagram 10 and drags the mouse to the "Event" card. The interface is shown in the interface change state diagram 11; the user clicks the collapse icon on the left side of the "Card Bar" icon in the trigger interface change state diagram 11 to collapse the strategy list, and the interface switches to the interface change state diagram 12; the user clicks the trigger interface change state diagram 12 The collapse icon in the upper right corner of the canvas area can collapse the property bar area, and the interface switches to the interface change state diagram 13; the user clicks to trigger the full-screen icon in the interface change state diagram 13 (the icon to the left of "Real Trading"), and the interface switches to the interface change state diagram 14; the user clicks the "Code" icon in the lower left corner of the interface change state diagram 14 to view the code information of the canvas area card, as shown in the interface change state diagram 15; the user clicks to trigger the detection icon in the interface (the icon to the right of the "Code" icon) to view the strategy code detection and operation information, as shown in the interface change state diagram 16. XXX in the interface represents text content.

Images