We began work on a new prototype for the Register service in early September 2020. The alpha prototype was a static InVision prototype, which while good for quick iteration, limited some of the usability testing we could do. This new one is built with the GOV.UK Prototype Kit and allows us to test complex journeys with realistic data.
Journey changes
Working in HTML and designing for progressive enhancement necessitated some changes from the alpha designs:
- use the task list pattern rather than tabs for each form
- break up forms across pages to support adding multiples (like multiple degrees)
- implicitly require that each section be completed as a whole, and not allow individual fields to be left blank
The new prototype borrows heavily from the Apply and Manage services. Register sits half way between them in terms of data collected and actions users need to take, so it’s been incredibly helpful to have them to take inspiration from.
Task list pattern
This pattern allows us to have multiple sections that users can complete in any order. As the Register service supports more routes, we can vary the sections shown so they are specific to each route.
![Task list overview.](07-overview.png)
![A task collecting some data.](08-candidate-personal-details.png)
![Confirming those details.](09-confirm-personal-details.png)
![A partially completed task list.](12-overview.png)
Screenshots of all pages#
- Register trainee teachers
- Assessment Only (AO) guidance
- Data requirements
- Trainee teachers
- Add a trainee
- Other routes not supported
- Overview
- Candidate personal details
- Confirm personal details
- Contact details
- Confirm personal details
- Overview
- Has the candidate disclosed diversity information?
- Confirm diversity information
- Ethnic group
- Which of the following best describes their Asian or Asian British background?
- Which of the following best describes their Black, African, Black British or Caribbean background?
- Which of the following best describes their Mixed or multiple ethnic groups background?
- Which of the following best describes their White background?
- Which of the following best describes their Another ethnic group background?
- Is the candidate disabled?
- Confirm diversity information
- Which disabilities were disclosed?
- Confirm diversity information
- Check record
- Check record
- GCSE details
- Confirm GCSE details
- Add undergraduate degree
- Add undergraduate degree
- Degree details
- Confirm degree details
- Add undergraduate degree
- Degree details
- Confirm degree details
- Assessment details
- Confirm assessment details
- Check record
- Trainee submitted for TRN
- Trainee teachers
- Sally Jenkins
- Sally Jenkins
- Trainee ID (optional)
- Assessment details
- Sally Jenkins
- Recommend for QTS
- Check assessment details
- Sally Jenkins
- Sally Jenkins
- Sally Jenkins
- Trainee teachers
- Trainee teachers
- Trainee teachers
Register trainee teachers#
![Screenshot of Register trainee teachers](01-register-for-teacher-training.png)
Assessment Only (AO) guidance#
![Screenshot of Assessment Only (AO) guidance](02-assessment-only-guidance.png)
Data requirements#
![Screenshot of Data requirements](03-data-requirements.png)
Trainee teachers#
![Screenshot of Trainee teachers](04-trainee-teachers.png)
Add a trainee#
![Screenshot of Add a trainee](05-add-a-trainee.png)
Other routes not supported#
![Screenshot of Other routes not supported](06-other-routes-not-supported.png)
Overview#
![Screenshot of Overview](07-overview.png)
Candidate personal details#
![Screenshot of Candidate personal details](08-candidate-personal-details.png)
Confirm personal details#
![Screenshot of Confirm personal details](09-confirm-personal-details.png)
Contact details#
![Screenshot of Contact details](10-contact-details.png)
Confirm personal details#
![Screenshot of Confirm personal details](11-confirm-personal-details.png)
Overview#
![Screenshot of Overview](12-overview.png)
Has the candidate disclosed diversity information?#
![Screenshot of Has the candidate disclosed diversity information?](13-has-the-candidate-disclosed-diversity-information.png)
Confirm diversity information#
![Screenshot of Confirm diversity information](14-confirm-diversity-information.png)
Ethnic group#
![Screenshot of Ethnic group](15-ethnic-group.png)
Which of the following best describes their Asian or Asian British background?#
![Screenshot of Which of the following best describes their Asian or Asian British background?](16-which-of-the-following-best-describes-their-asian-or-asian-british-background.png)
Which of the following best describes their Black, African, Black British or Caribbean background?#
![Screenshot of Which of the following best describes their Black, African, Black British or Caribbean background?](17-which-of-the-following-best-describes-their-black-african-black-british-or-caribbean-background.png)
Which of the following best describes their Mixed or multiple ethnic groups background?#
![Screenshot of Which of the following best describes their Mixed or multiple ethnic groups background?](18-which-of-the-following-best-describes-their-mixed-or-multiple-ethnic-groups-background.png)
Which of the following best describes their White background?#
![Screenshot of Which of the following best describes their White background?](19-which-of-the-following-best-describes-their-white-background.png)
Which of the following best describes their Another ethnic group background?#
![Screenshot of Which of the following best describes their Another ethnic group background?](20-which-of-the-following-best-describes-their-another-ethnic-group-background.png)
Is the candidate disabled?#
![Screenshot of Is the candidate disabled?](21-is-the-candidate-disabled.png)
Confirm diversity information#
![Screenshot of Confirm diversity information](22-confirm-diversity-information.png)
Which disabilities were disclosed?#
![Screenshot of Which disabilities were disclosed?](23-which-disabilities-were-disclosed.png)
Confirm diversity information#
![Screenshot of Confirm diversity information](24-confirm-diversity-information.png)
Check record#
![Screenshot of Check record](25-check-record.png)
Check record#
![Screenshot of Check record](26-check-record.png)
GCSE details#
![Screenshot of GCSE details](27-gcse-details.png)
Confirm GCSE details#
![Screenshot of Confirm GCSE details](28-confirm-gcse-details.png)
Add undergraduate degree#
![Screenshot of Add undergraduate degree](29-add-undergraduate-degree.png)
Add undergraduate degree#
![Screenshot of Add undergraduate degree](30-add-undergraduate-degree.png)
Degree details#
![Screenshot of Degree details](31-degree-details.png)
Confirm degree details#
![Screenshot of Confirm degree details](32-confirm-degree-details.png)
Add undergraduate degree#
![Screenshot of Add undergraduate degree](33-add-undergraduate-degree.png)
Degree details#
![Screenshot of Degree details](34-degree-details.png)
Confirm degree details#
![Screenshot of Confirm degree details](35-confirm-degree-details.png)
Assessment details#
![Screenshot of Assessment details](36-assessment-details.png)
Confirm assessment details#
![Screenshot of Confirm assessment details](37-confirm-assessment-details.png)
Check record#
![Screenshot of Check record](38-check-record.png)
Trainee submitted for TRN#
![Screenshot of Trainee submitted for TRN](39-trainee-submitted-for-trn.png)
Trainee teachers#
![Screenshot of Trainee teachers](40-trainee-teachers.png)
Sally Jenkins#
![Screenshot of Sally Jenkins](41-sally-jenkins.png)
Sally Jenkins#
![Screenshot of Sally Jenkins](42-sally-jenkins.png)
Trainee ID (optional)#
![Screenshot of Trainee ID (optional)](43-trainee-id-optional.png)
Assessment details#
![Screenshot of Assessment details](44-assessment-details.png)
Sally Jenkins#
![Screenshot of Sally Jenkins](45-sally-jenkins.png)
Recommend for QTS#
![Screenshot of Recommend for QTS](46-recommend-for-qts.png)
Check assessment details#
![Screenshot of Check assessment details](47-check-assessment-details.png)
Sally Jenkins#
![Screenshot of Sally Jenkins](48-sally-jenkins.png)
Sally Jenkins#
![Screenshot of Sally Jenkins](49-sally-jenkins.png)
Sally Jenkins#
![Screenshot of Sally Jenkins](50-sally-jenkins.png)
Trainee teachers#
![Screenshot of Trainee teachers](51-trainee-teachers.png)
Trainee teachers#
![Screenshot of Trainee teachers](52-trainee-teachers.png)
Trainee teachers#
![Screenshot of Trainee teachers](53-trainee-teachers.png)