Is your feature request related to a problem?
The current validator type list is a long flat list, leading to high cognitive load. Additionally, the layout disrupts the natural reading flow, causing confusion during configuration.
Describe the solution you'd like
Enhancements to improve UX:
- Reduce validator list overload: Group related validators using pills, toggles, or tabs to improve discoverability and reduce clutter.
- Reorder "On Fail" action: Move the "On Fail" action to be after the validator selection for better context.
- Relocate "+New Config" button: Place this button inside the validator configuration box for contextual relevance.
- Restructure config panel layout: Position the list of saved configurations on the left and the new config panel on the right to follow left-to-right reading patterns, applying this consistently across the product.
Doc to refer: https://docs.google.com/document/d/1tcbaV0SHVzGDzMX43Y19iH6QMoZfCfAj19lh7Z9HAVQ/edit?tab=t.0
Original issue
Describe the current behaviour
The validator type list is displayed as a long flat list, creating high cognitive load. The "On Fail" action appears before the validator is selected and configured. The "+New Config" button is positioned outside the validator configuration box. The layout currently shows the new validator config panel before the list of saved configurations, which does not align with natural left-to-right reading flow.
Describe the enhancement you'd like
-
Reduce validator list overload: Club related validators together and use pills, toggles, or tabs to shorten the list and reduce cognitive load. While doing this, consider the category-based grouping approach discussed by the team — but account for the discoverability tradeoff it introduces when new validators are added inside a category.
-
Reorder "On Fail" action: Move the "On Fail" action to appear after the validator is selected and configured, since the appropriate fail action can only be decided once the validator and its behavior are known.
-
Relocate "+New Config" button: Move this button inside the validator configuration box, so it is contextually placed where the user is actively working.
-
Restructure the config panel layout: Place the list of saved configurations on the left and the new validator config panel on the right. This respects the left-to-right reading pattern — users should see what they've already created before being prompted to create something new. This layout principle should be applied consistently across all similar screens in the product.
Is your feature request related to a problem?
The current validator type list is a long flat list, leading to high cognitive load. Additionally, the layout disrupts the natural reading flow, causing confusion during configuration.
Describe the solution you'd like
Enhancements to improve UX:
Doc to refer: https://docs.google.com/document/d/1tcbaV0SHVzGDzMX43Y19iH6QMoZfCfAj19lh7Z9HAVQ/edit?tab=t.0
Original issue
Describe the current behaviour
The validator type list is displayed as a long flat list, creating high cognitive load. The "On Fail" action appears before the validator is selected and configured. The "+New Config" button is positioned outside the validator configuration box. The layout currently shows the new validator config panel before the list of saved configurations, which does not align with natural left-to-right reading flow.
Describe the enhancement you'd like
Reduce validator list overload: Club related validators together and use pills, toggles, or tabs to shorten the list and reduce cognitive load. While doing this, consider the category-based grouping approach discussed by the team — but account for the discoverability tradeoff it introduces when new validators are added inside a category.
Reorder "On Fail" action: Move the "On Fail" action to appear after the validator is selected and configured, since the appropriate fail action can only be decided once the validator and its behavior are known.
Relocate "+New Config" button: Move this button inside the validator configuration box, so it is contextually placed where the user is actively working.
Restructure the config panel layout: Place the list of saved configurations on the left and the new validator config panel on the right. This respects the left-to-right reading pattern — users should see what they've already created before being prompted to create something new. This layout principle should be applied consistently across all similar screens in the product.