I have a UI with tree view which can have unlimited child. And every child will have about 12 buttons in each parent and child list view. Is there any way that this can looks good in terms of UI & UX.
Use Context Menu to Display the More Options
- Use More Options (3 dots vertical) to display the node specific actions on hover over (each node)
- Always display the context menu on right side (leave 10 px margin from right)
- Use ellipses for displaying length text. On hover over, show the browser tooltip to show the full text, but make sure the more options (3 vertical dots) are visible within the box (shouldn't be hidden)
- Reduce or group the context menu options. For instance, see the Merchant in attached image.
- Based on the available vertical space, display the context menu on top or bottom.
Too many options leads to confusion and increase the time in taking a decision I purpose:
Why don't you ask user about his action first and then ask where he want to perform that action. To iterate: Add new location should be a global button and once clicked, open a popup(or any UI element) for filling data and ask if the input is country or state or district/street name through dropdown.
You may also do the following things:
Categorise the buttons in to actions like " Add/edit location, TAX details, Payment details etc
Once the main button is clicked, show sub actions attached to parent action
Differnciate the primary and secondary button with affordability.