govuk-prototype-kit
govuk-prototype-kit copied to clipboard
Improve the design of errors
What
Explore how we can improve the design of error pages and the messages within those pages. Natalie has done some great work on this already and we're going to look at how we can improve the design of the page.
Why
Users often struggle to understand why they have an error and do not know how to fix it.
Who needs to work on this
Content Designer and Interaction Designer Developer
Done when
- [x] Investigate better error message text
- [x] We have an error page that helps users to understand what went wrong, where the error is and how to fix it.
- [x] New designs implemented
Outputs
We have designs, but its a bit complex so would be good to have a chat and/or pair design and development
Design:

Content:
https://docs.google.com/document/d/1pBjaf7NZg6sdZvE8oY-TKsMLcjcn88ZMJ86H2RwQ3kA/edit#
Natalie's comment: https://github.com/alphagov/govuk-prototype-kit/issues/1909#issuecomment-1463472356
new design PR: #2198