Validation - errors
Server side validation and error recovery (errors identified on submit):
- - - - -
- - - - -
Here's a link to the audit of existing error patterns used throughout Westpac & STG:
This is great! Although, do we want to use the error/alert styles that are currently in the GUI? I.e. no exclamation mark symbol for inline errors and an exclamation mark instead of a sad face for the error summary?
Also, there are some instances of errors in public site, namely calculators. And as per your review, some of them are pretty shocking (e.g. St. George home loan borrowing power calculator).
With this, I'd recommend scrolling up to either to the first error, or the error summary. We noticed this in Wonder that on a long form, when you click on the submit button, it highlights the fields up the page but no immediate visual feedback to user of an error. Also worth thinking about errors in collapsed accordion tabs - take a look at the St George Home Loan app form https://homeloan.stgeorge.com.au/clasweb/index.html?load=n&brand=SGB - we showed error states in the accordion header.
Hope all that helps! :-)