Visual graphical user interface for equity transactions in electronic devices

Abstract

1. Name of the product in this design: Visual graphical user interface for equity transactions in electronic devices. 2. Purpose of this design: This design is used to run programs. 3. The key design features of this product are the graphical user interface content displayed on the screen. 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: The product's graphical user interface is a visualization page for equity transactions. This interface provides a clear view of charts showing the percentage of shares by category and the percentage of investment amount, as well as a detailed list of equity transaction records. Design 1's main view is the visualization page for equity transactions. The upper half of the page features two pie charts, displaying the percentage of shares by category and the percentage of investment amount, respectively. The lower half displays a detailed list of equity transaction information. When the mouse hovers over a section of a pie chart in Design 1's main view, the interface switches to the state of Design 1, where a pop-up layer appears displaying the share information, investment amount, and percentage for that section. Design 2's main view is also a visualization page for equity transactions. Clicking the "Details" text in the middle of Design 2's main view... Clicking the icon below switches to the Design 2 interface state diagram, expanding the collapsed list information to display each shareholder's equity transaction information. Clicking the same position again collapses the list. The Design 3 main view is a visualization page for equity transactions. Clicking the icon to the left of "Captable" above the leftmost navigation in the Design 3 main view switches to the Design 3 interface state diagram 1. This page shows the style after the navigation is collapsed, saving horizontal space on the page. Users can choose a suitable display method according to their device size. Hovering the mouse over the second gray icon (pie) on the leftmost navigation in the Design 3 interface state diagram 1 switches to the Design 3 interface state 2. This page shows the display method of the secondary navigation items when the left navigation is collapsed.

Images