'Stop and Prepare' card

[wbpscott]

What

Give a brief description of the style, component or pattern you want to propose. 'Stop and Prepare'

A blue panel with a main heading, simple content and call to action

Why

Explain why you think this should be added to the DWP Design System.

• What evidence do you have that it's needed by multiple services across DWP?
• What evidence do you have that it meets the needs of the users of those services?
• Have you checked that it doesn't already exist in the DWP Design System?

'Stop and prepare' cards interrupt the user journey to prompt reflection and ensure the user has understood important details relevant to the service.

• They’re significantly different to previous screens in application - the change in colour is designed to get users' attention
• Each card should only contain the essential information to make 1 main point
• The cards' respective headings should be a command - “Get this ready” then "Read this"

Anything else

Include links to any examples, research or code to support your proposal, if available.

Apply for NSJSA

NSJSA beta prototype: DWP - Jobseeker’s Allowance (nsjsa-automation-beta.herokuapp.com)

We observed users struggle to take on board all of the information on the Eligibility Outcome screen - they scanned through the page, not really reading and digesting the important content.

The screen is trying to convey two things: eligibility outcome and preparing to start the application. We need our users to consider this so they can be prepared to complete the application in one go. We want to help them succeed first time. There is currently no save and return or task list and we have very limited development resource to enable us to create these.

Examples of the Stop & Prepare cards:

Supporting ideas/conversations: