Currently on all platform ‘forms’, required input fields can only be identified by the red asterix next to each input label. The action button (in most cases it is a ‘Save’ button) is disabled until all required fields are completed, e.g.
Users completing these forms are introduced to a negative user experience, as a red asterix is not ‘enough’ to indicate to users the requirements of forms for them to complete or move onto the next step. Users have to make assumption themselves and try and figure out why the form cannot be completed, rather than it being obviously displayed on the form itself.
Instead, action buttons should always be enabled, allowing 2 scenarios:
If the action button is clicked and the forms criteria IS met (in most cases this criteria would be completeing all required fields) then the form should complete it’s intended action.
If the action button is clicked and the form criteria IS NOT met, then the required fields should show inline validation message to obviously and clearly indicate the fields that are yet to be completed/need to meet a specific criteria in order for the form to be completed.
UX/UI Resources:
https://www.arengu.com/blog/ux-form-validation-before-or-after-submission
https://userpeek.com/blog/form-validation-ux-and-best-practices/#t-1632482944918
https://uxdesign.cc/a-few-lessons-in-form-design-2279e3bdf5f8
Tickets Raised:
Location | Ticket |
|---|---|
Advertisers > add | DAS-1868 - Getting issue details... STATUS |
Advertisers > add | DAS-1941 - Getting issue details... STATUS |
Agency > add/edit | DAS-1947 - Getting issue details... STATUS |
Publisher > add/edit | DAS-1948 - Getting issue details... STATUS |
Enterprise > credential manager > add/edit | DAS-1949 - Getting issue details... STATUS |
Advertisers > import advertisers | DASH-409 - Getting issue details... STATUS |
Advertisers > create campaign | DASH-410 - Getting issue details... STATUS |
Advertisers > view > value transforms > add/edit | DASH-411 - Getting issue details... STATUS |
Publisher > import publishers > ‘import’ step | DASH-412 - Getting issue details... STATUS |
Forms > add/edit > ‘setup’ step | DASH-413 - Getting issue details... STATUS |
Forms > add via csv | DASH-414 - Getting issue details... STATUS |
Forms > save as new > ‘setup’ step | DASH-415 - Getting issue details... STATUS |
Forms > edit > translate | DASH-417 - Getting issue details... STATUS |
System > suppression > email, telephone, name > add | DASH-419 - Getting issue details... STATUS |
Leads > export | DASH-420 - Getting issue details... STATUS |