Magento2: Checkout validation usability issue (THE FOLD)

[clarkeverdel]

Hi Guys,

I would like to request a new improvement for the checkout. Currently users could have trouble finding out about invalid fields which disappear above the screen fold.

Scenario:

1. User fills out his address information
2. Scrolls down below to submit the form and go to the next step.
3. Hey! The button is not working. Weird...
4. When the invalid fields are not visible because they are above the fold, the end user is not notified of the problems with his information. In some cases the user may be smart enough to scroll up and see if there are invalid fields, but you may understand that not every user is thinking about doing that.

Possible solution

1. Automatically scroll to the first invalid field on the page
2. Notification message below the submit form to inform the user that he has to fill out his invalid forms.
3. I am curious about what you guys think of this user experience issue.

Cheers,
Clarke

[korostii]

Also reported in #8977

[KrystynaKabannyk]

@claverwebdesign, thank you for your submission. We recently made some changes to the way we process GitHub submissions to more quickly identify and respond to core code issues. Feature Requests and Improvements should now be submitted to the new Magento 2 Feature Requests and Improvements forum (see details here). That's why I'm closing the issue.

[korostii]

@KrystynaKabannyk, this is definitely not a feature request. I suppose you classify it as a "suggested improvement" ?

IMHO if the checkout button "is not working" for no VISIBLE reason, that's clearly a massive bug.

If the criteria you happen to have are any different, is there a way we could hear those or someplace we can take a peek at them written down? Could you maybe add the words "bug" and "improvement" to the famous Magento's Glossary so that we (the mere mortals) could also see difference and understand how is this issue not a bug?

[korostii]

See also https://community.magento.com/t5/Magento-2-Feature-Requests-and/Checkout-user-experience-improvement-Inform-users-of-invalid/idi-p/55730

Additionally, there is no need to actually close such an issue manually. AFAIK you can just put the label "improvement": there is a script running which will then close the issue with an automatic message AND will copy a discussion into a Communnity topic, otherwise it'll be lost.

[aholovan]

Hi,
I've implemented automatic scroll to the first invalid field on the shipping page. So, if this improvement is still in progress You are could use my crutch to get better errors behaviour on checkout. I've posted it on forum by the above link in previous message.

[willfrombrazil]

@KrystynaKabannyk, I believe this is a bug. The validation script should focus the 1st invalid field. See what happens when a customer misspell their email address during checkout: https://youtu.be/7DA-qGrwlt8
Really bad for conversions!