Refine variable value input validation approach
Problem to solve
When adding a new variable, an error message appears immediately when user starts typing in the variable value input. The user is interrupted before they have a chance to finish typing.
User experience goal
Users are given a chance to finish typing before the validation kicks in.
Ideas
There are at least two types of validation occurring for variable value input:
- Checking Input Length - We validate the length of the input of min. 8 characters.
- Regular Expression Requirements - We check if the input meets regular expression requirements.
While live validation is valuable for immediately checking the syntax and providing user feedback, we can enhance the user experience by adjusting the length check. Instead of validating input length as the user types, we could consider deferring it:
- Introduce a delay, such as a few seconds after users stop typing, before performing the length check.
- Alternatively, we can conduct the length check when the value input is not in the focus state. This way, users are given a chance to finish typing before the validation kicks in, reducing the chances of interruption.
Questions to answer / clarify
- In Pajamas, we've set a maximum text limits pattern for input validation, but we haven't established a pattern for the minimum requirement. We need to explore this further.
- What technical adjustments or changes are required to implement this deferred length check? Are there any potential challenges or limitations to be aware of?
Further details
See issues:
- UX Scorecard - Verify: Pipeline Security FY24-Q4 - Store and access reusable variables
- UX Scorecard - Verify: Pipeline Security FY24-Q4 - Recommendations for store and access reusable variables
This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.