Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
27 commits
Select commit Hold shift + click to select a range
4427997
Created initial readme and outline
christophercameron-ixd Nov 17, 2025
6bb91e8
vesion 1 placeholder ready for write up
christophercameron-ixd Nov 17, 2025
5b81bed
Fixed README to cover feature not version
christophercameron-ixd Nov 17, 2025
d5e3cde
Added what and key decisions made as part of v1 work
christophercameron-ixd Nov 17, 2025
3b71247
Created screenshot v1 folder with readme file
christophercameron-ixd Nov 17, 2025
5ca790c
Add screenshots from prototype tested
christophercameron-ixd Nov 17, 2025
dab5423
Update README.md
christophercameron-ixd Nov 18, 2025
f3bff83
Added formatting and back to top link
christophercameron-ixd Nov 18, 2025
6e5fd11
Add first screenshot
christophercameron-ixd Nov 18, 2025
7eeaab3
Added first task list screenshot
christophercameron-ixd Nov 18, 2025
f7351e3
Added new screenshots
christophercameron-ixd Nov 18, 2025
16c0ee9
Upload missed screens from research
christophercameron-ixd Nov 18, 2025
5903c0f
Added full Welsh translation page
christophercameron-ixd Nov 19, 2025
0991181
Added completed Welsh task screenshot
christophercameron-ixd Nov 19, 2025
4d39d2e
Added form filler screenshots
christophercameron-ixd Nov 19, 2025
7b30397
Added bottom sections
christophercameron-ixd Nov 19, 2025
8c1d731
Write up Mural screen tested this round
christophercameron-ixd Nov 24, 2025
da3234d
Write up of Welsh version where English form is empty
christophercameron-ixd Nov 24, 2025
a242916
Fixed formatting issue and contents links
christophercameron-ixd Nov 24, 2025
6850526
Write up of partially complete English form for Welsh version page
christophercameron-ixd Nov 24, 2025
98f2b13
Finished write up of partially completed English form
christophercameron-ixd Nov 24, 2025
b492f02
Write up of the last couple of screens
christophercameron-ixd Nov 25, 2025
08ca001
Update design/features/welsh-version/version-1.md
christophercameron-ixd Nov 25, 2025
f476308
Update design/features/welsh-version/version-1.md
christophercameron-ixd Nov 25, 2025
8a92959
Update design/features/welsh-version/version-1.md
christophercameron-ixd Nov 25, 2025
906f679
Update design/features/welsh-version/version-1.md
christophercameron-ixd Nov 25, 2025
8e1e650
Update design/features/welsh-version/version-1.md
christophercameron-ixd Nov 25, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 44 additions & 0 deletions design/features/welsh-version/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
# Welsh version creation

## Status

Current version: 1
Date created: 17 November 2025

___

## Contents

- [Status](#status)
- [Contents](#contents)
- [What](#what)
- [Why](#why)
- [Hypothesis](#hypothesis)

___

<br>

## What

This feature adds a way for form creators to add Welsh translations to their forms in order to create a Welsh language version of their form. The platform will provide pre-translated elements that we currently don’t let form creators change or customise, such as continue buttons and change links.

<br>

## Why

A lot of services across government have a mandate to provide an equivalent in the Welsh language. This is regulated by the Welsh Language Commissioner. In order to help more forms and teams onboard to the GOV.UK Forms platform we need to be able to provide a way for form creators to add Welsh translations to a form.

<br>

## Hypothesis

We believe that allowing form creators to add translations to each of their content elements is the best option to make sure that forms are more reliably translated while allowing us to deliver for users.

<br>

___

<br>

[Back to the top](#welsh-version-creation)
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions design/features/welsh-version/screenshots-v1/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
This folder is for screenshots for adding Welsh version of a form v1
296 changes: 296 additions & 0 deletions design/features/welsh-version/version-1.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,296 @@
# Add Welsh version of a form v1

## Status

Date created: 17 November 2025
Tested: Week commencing 10 November 2025

In development

___

## Contents

- [Status](#status)
- [Contents](#contents)
- [What](#what)
- [Key decisions](#key-decisions)
- [Design tested in prototype](#design-tested-in-prototype)
- [Form filler screens](#form-filler-screens)
- [Research](#research)

___

<br>

## What

### As-is

- Form creators need to create separate forms for Welsh, or any other language. This means that key pieces of form interactive elements such as buttons and get help links are still in English making these forms look broken to form fillers.

### To-be

- Form creators can add a Welsh version of their form by providing Welsh translations to all content as part of their form. This means form fillers will be able to switch between languages when completing a form.


## Key decisions

Based on [an initial round of research](../../../research/2025-09-12-Welsh_forms_interviews_findings_Aug_25.md), the team agreed to:

- prioritise testing an MVP single page design to understand if this is sufficient
- work towards developing the single page design with the understanding that some elements might change and the journey might need to be broken up and become a multi step journey later if findings tell us such
- release our MVP as soon as possible, unless research shows massive problems with the single page journey

<br>

## Design tested in prototype

### Your forms - group view

![Account applications trial group page. Screenshot](./screenshots-v1/001%20-%20Account%20applications%20-%20Trial%20group.png)
*Account applications group view. Showing our test form, “Register for an account” in the forms table list.*


### Your forms - static screen used in testing

![Account applications trial group page. Screenshot](./screenshots-v1/2000-Account-applications-group-page-showing-Welsh-version.png)
*Account applications group view. Showing several forms with various states in the forms table list. This was used in testing to see how creators understood statuses and Welsh version names.*

The page is headed “Account applications”, the name of the group that the form creator has given their group. Above the page heading is a caption, “Active group”.

Next are 2 links:

- Change the name of this group
- Edit the members of this group

There is a green “Create a form” button styled like the GOV.UK start button.

The page also has a table captioned, “Forms in ‘Account applications’”. Column headings appear as: “Form name”, “Created by”, and “Status”.

Each row is a form within the group. To test this version of the screen we show 6 different forms with varying statuses and with differing levels of Welsh version, they are:

- Apply for an account for someone else (link) - this form has no Welsh version and is “Archived”
- Apply for an account for a child (link) - under the form name link is the text, “Welsh version: not yet named”. This form is “Live” with a “Draft” version
- Apply to renew your account (link) - under the form name link is the text, “Welsh version: Gwneud cais i adnewyddu eich cyfrif”. This form is “Live”
- Raise a concern about an account holder (link) - under the form name link is the text, “Welsh version: Codi pryder am ddeiliad cyfrif”. This form is “Live” with a “Draft” version
- Register for an account (link) - under the form name link is the text, “Welsh version: not yet named”. The form is “Draft” only
- Report misuse of an account (link) - under the form name link is the text, “Welsh version: Rhoi gqybod am gamddefnydd o gyfrif”. Ths form is “Live”

This page was created in Mural only to show to participants. We wanted to test if they understood the information that appeared on this screen. Whether it was all useful, with a focus on the “Welsh version” name and whether it had no name but a Welsh version was at least in “Draft”.

We also wanted to get a better idea if the statuses made sense alongside each form, especially when a “Welsh version” existed.


### Create a form - task list

![Create a form task list page. Screenshot](./screenshots-v1/002%20-%20Create%20a%20form%20Register%20for%20an%20account.png)
*Create a form task list page showing 3 of 10 tasks marked completed.*

As part of the new feature we wanted to test if it made sense to include a new optional section and task to the “Create a form” task list page.

We introduced this as the new section 4, moving the “Make your form live” section down to a new section 5.

The new section reads:

> 4\. Create a Welsh version of your form (optional)
> Add a Welsh version of your form

The “Add a Welsh version of your form” task has an “Optional” tag to match other optional tasks added to the task list and will only appear as “In progress”, when Welsh inputs are filled in by the form creator, and “Completed” after all the English tasks are complete and the Welsh version tasks is marked as completed by the form creator when they are finished adding their translations.


### Add a Welsh version of your form - empty English form

![Add a Welsh version of your form showing empty tasks. Screenshot](./screenshots-v1/003%20-%20Add%20a%20Welsh%20version%20of%20your%20form%20Register%20for%20an%20account%20-%20no%20Welsh.png)
*Add a Welsh version of your form showing that no tasks have been completed in English yet.*

If the form creator has only created a new form and added a name they will still be able to click into the Welsh version task.

The page at this point is in it’s empty state. The page is titled, “Add a Welsh version of your form”.

There is a grey “Download as a spreadsheet” button, that we wanted to test with form creators to understand if it was useful and made sense to be on this screen.

Next is a table captioned, “Form name” showing 2 columns “English content” and “Welsh content”.

The next row reads:

> Register for an account: _Enter Welsh form name_ (placeholder text)

The second column in the row is an editable textarea ready for the form’s name in Welsh.

There are an additional 6 h2s, each with text informing the form creator that that section has not been added yet. They read:

> **Form questions**
> No questions have been added to the form yet.
>
> **Declaration for people to agree to**
> No declaration was added to the form.
>
> **Information about what happens next**
> No information about what happens next was added to the form yet.
>
> **Payment link**
> No payment link has been added to the form.
>
> **Link to privacy information for this form**
> No privacy information has been added to the form yet.
>
> **Contact details for support**
> No contact details for support have been added to the form yet.


### Add a Welsh version of your form - partially completed English form

![Add a Welsh version of your form showing English form partially completed. Screenshot](./screenshots-v1/003-%20Add%20a%20Welsh%20version%20of%20your%20form%20Register%20for%20an%20account%20-%20Welsh%20inputs.png)
*Add a Welsh version of your form showing several tasks completed in English.*

This version of the screen shows that the form creator has added 6 questions and contact details for support to the English version of their form, offering inputs for each of the content elements to be translated in Welsh.

The page is still headed, “Add a Welsh version of your form”. Now alongside the grey “Download as a spreadsheet” button is a new “Preview this form in Welsh” link for the form creator to preview the Welsh version of their form starting in Welsh.

The first table captioned “Form name” still shows an input for Welsh content of their forms name.

Beneath the form name table are the individual tables for each question within the form, each table uses the “Question” and number for each caption. They show the different editable content of each question that was created by the form creator when creating their English version.

Question 1’s table shows a 3 column table:

> **Page heading** : How to complete this form : _Enter Welsh question text_ (placeholder text)
>
> **Guidance text** : (This shows the markdown added in English including the markdown syntax) : _Enter Welsh guidance text_ (placeholder text)
>
> **Question text** : What is your full name? : _Enter Welsh question text_ (placeholder text)

Question 2’s table shows a 3 column table:

> **Question text** : What is your date of birth? : _Enter Welsh question text_ (placeholder text)
>
> **Hint text** : For example, 20 3 2000 : _Enter Welsh hint text_ (placeholder text)

Question 3’s table shows a 3 column table:

> **Question text** : What is your address? : _Enter Welsh question text_ (placeholder text)

Question 4’s table shows a 3 column table:

> **Question text** : What is your phone number? : _Enter Welsh question text_ (placeholder text)

Question 5’s table shows a 3 column table:

> **Question text** : What is your National Insurance number? : _Enter Welsh question text_ (placeholder text)
>
> **Hint text** : It’s on your National Insurance card, benefit letter, payslip or P60. For example, QQ65 43 21 C. : _Enter Welsh hint text_ (placeholder text)

Question 6’s table shows a 3 column table:

> **Question text** : If you live in Wales, would you like to hear from us in Welsh in future communications? : _Enter Welsh question text_ (placeholder text)
>
> **Hint text** : We will only use this if we contact you for more information : _Enter Welsh hint text_ (placeholder text)
>
> **List of options** : Yes, No, Not applicable : _Enter Welsh option 1_ (placeholder text), _Enter Welsh option 2_ (placeholder text), _Enter Welsh option 3_ (placeholder text)

The “List of options” is the row heading spanning the row for each option within the list showing the English content added and the Welsh content input showing the placeholder text.

The page still shows the next few sections as incomplete, reading:

> **Declaration for people to agree to**
> No declaration was added to the form.
>
> **Information about what happens next**
> No information about what happens next was added to the form yet.
>
> **Payment link**
> No payment link has been added to the form.
>
> **Link to privacy information for this form**
> No privacy information has been added to the form yet.

The final section is the 3 column table captioned “Contact details for support” showing the contact information added for the English form.

> **Online link text** : Our full contact details : _Enter Welsh Online link text_ (placeholder text)
>
> **Online link URL** : https://www.gov.uk/contact-us : _Enter Welsh Online link URL (placeholder)_

We wanted to test this section with form creators to get a better understanding if method of contact for support is likely to occur on a single form.

The page ends with a green “Save and continue” button.


### Add a Welsh version of your form - completed English form

![Add a Welsh version of your form showing English form completed. Screenshot](./screenshots-v1/003-%20Add%20a%20Welsh%20version%20of%20your%20form%20Register%20for%20an%20account%20-%20Full%20English%20form.png)
*Add a Welsh version of your form showing all tasks completed in English.*

This version of the screen shows that the form creator has added all the sections of their English form, including 6 questions. The Welsh content inputs for each of the content elements are complete with the Welsh language equivalents.

The page is still headed, “Add a Welsh version of your form”. There’s a grey “Download as a spreadsheet” button alongside a “Preview this form in Welsh” link for the form creator to preview the Welsh version of their form starting in Welsh.

The page now also shows that the “Declaration for people to agree to”, “Information about what happens next”, “Payment link” and “Link to privacy information for this form” tables each with their English and Welsh content complete.

At the bottom of the screen a new question has been introduced for the form creator to mark the Welsh version as complete, it reads:

> **Have you finished adding your Welsh version?**
> Selecting ‘Yes’ will mark this task as complete. You’ll still be able to make more changes if you need to.
>
> Yes
> No, I’ll come back later

This new question is designed to only appear after the form creator has added all the English tasks that are needed to be able to make the English form live, excluding the submission email (TBC). This will now let them mark the Welsh version as complete only if they have filled all the Welsh content inputs for the English added to their form. By only adding this question after the English form is complete we believe we will simplify the experience, not having to mark the Welsh version as not complete yet each time while letting form creators add varying levels of translation as they build their form or finalise some of the background processes and email submissions.

The page still ends with a green “Save and continue” button.


### Create a form - show new ‘Make your Welsh form live’ task

![Create a form task list page showing Welsh task completed revealing new make Welsh form live. Screenshot](./screenshots-v1/002%20-%20Create%20a%20form%20Register%20for%20an%20account%20-%20Make%20Welsh%20live.png)
*Create a form task list page showing 6 of 10 tasks marked completed. Including the optional Welsh task which reveals a new “Make your Welsh form live” task.*

When the form creator saves their Welsh version they are returned to the task list with the list of tasks marked completed. They are also presented with a green ‘success’ banner at the top of the screen, it reads:

> **Success**
> Your Welsh version has been saved

A new task is also revealed in section “5. Make your form live”. It now shows 3 items:

> Share a preview of your draft form (link) : _Not started_
>
> Make your English form live (text only) : _Cannot start yet_
>
> Make your Welsh form live (text only) : _Cannot start yet_



<br>

## Form filler screens

### Question screen preview - showing question with guidance text

![Question screen with guidance text in Welsh. Screenshot](./screenshots-v1/1001%20-%20Welsh%20question%20page.png)
*Previewing a Welsh language question screen as form fillers would see it.*


### Check your answers screen preview

![Check your answers before submitting screen in Welsh. Screenshot](./screenshots-v1/1002%20-%20Welsh%20CYA%20page.png)
*Previewing a Welsh language check your answers screen as form fillers would see it.*


### Confirmation screen preview - showing successful submission

![Submission confirmation screen in Welsh. Screenshot](./screenshots-v1/1003%20-%20Welsh%20confirmation%20page.png)
*Previewing a Welsh language successful confirmation screen as form fillers would see it.*
___

<br>

## Research

[Research findings from testing](../../../research/2025-11-18-Welsh-usability-testing-nov25.md)

<br>

___

<br>

[Back to the top](#add-welsh-version-of-a-form-v1)