hmcts / design-system-backlog

This is a place for the HMCTS design team to coordinate the development of new components and patterns for the HMCTS Design System.
8 stars 1 forks source link

Key information panel #61

Open stevenwise-hmcts opened 5 years ago

stevenwise-hmcts commented 5 years ago

Submit your appeal confirmation screen

image

Track your appeal

track-your-appeal

Online resolution preliminary view

online-resolution-preliminary-view

When to use it The users attention needs to be focused on specific content within the body of a page.

This could be a summary of the page or key information the user should take away.

For example in SSCS it's used to highlight appeal status messages, that is, what's just happened, what will happen next and by when.

How it works The pale blue panel attracts users focus and draws users to read content.

This is particularly helpful where there is a lot of content on the page or where users have conditions which affect user ability to focus e.g. dyslexia.

RESEARCH The highlight panel has been tested in relation to the submit your appeal confirmation page, track your appeal status update and online resolution preliminary view and decision screens.

Research in relation to the SYA confirmation screen. Users need to know their appeal has been submitted so that they feel confident that the tribunal has received it. After users submit the appeal form they see a confirmation page.

This page tells them:

Before designing anything, we asked users what they would expect after submitting their appeal. The most common response was, a confirmation message and an email confirming that HMCTS has received this. This was followed by information on what will happen next in the process so that users are aware what to keep an eye out for. In testing, users understand their appeal had been submitted and the ability to view save or print a copy for reference was positive. Users seemed happy enough to be contacted with further questions about their appeal. They responded positively to the ability to track their appeal online and were drawn to click on the link, unprompted. We can anecdotally report that users, after taking in the progress bar, had their eyes drawn to the light blue panel visual design underneath the progress bar which contains a status message about what is going to happen next. Users have been very positive about this, in terms of a knowing the next steps of the appeal process.

Research on Confluence PB Sprint 20 | Online Submission Prototype | Iteration 6 | Appellants and Appointees | Grounds For Appeal | Submission confirmation and resulting journeys | Appointee sign up journey | Newcastle

PB Sprint 21 | Online Submission Prototype | Iteration 7 | Appellants and Appointees | Grounds For Appeal | Submission confirmation and resulting journeys | Appointee sign up journey