diff --git a/app/images/find-teacher-training/improving-course-pages/entry-requirements-after.png b/app/images/find-teacher-training/improve-entry-requirements/entry-requirements-after.png similarity index 100% rename from app/images/find-teacher-training/improving-course-pages/entry-requirements-after.png rename to app/images/find-teacher-training/improve-entry-requirements/entry-requirements-after.png diff --git a/app/images/find-teacher-training/improving-course-pages/entry-requirements-before.png b/app/images/find-teacher-training/improve-entry-requirements/entry-requirements-before.png similarity index 100% rename from app/images/find-teacher-training/improving-course-pages/entry-requirements-before.png rename to app/images/find-teacher-training/improve-entry-requirements/entry-requirements-before.png diff --git a/app/images/find-teacher-training/improving-course-pages/support-and-advice-after.png b/app/images/find-teacher-training/styling-support-information/support-and-advice-after.png similarity index 100% rename from app/images/find-teacher-training/improving-course-pages/support-and-advice-after.png rename to app/images/find-teacher-training/styling-support-information/support-and-advice-after.png diff --git a/app/images/find-teacher-training/improving-course-pages/support-and-advice-before.png b/app/images/find-teacher-training/styling-support-information/support-and-advice-before.png similarity index 100% rename from app/images/find-teacher-training/improving-course-pages/support-and-advice-before.png rename to app/images/find-teacher-training/styling-support-information/support-and-advice-before.png diff --git a/app/posts/find-teacher-training/2024-06-18-improve-entry-requirements.md b/app/posts/find-teacher-training/2024-06-18-improve-entry-requirements.md new file mode 100644 index 000000000..a447e57b4 --- /dev/null +++ b/app/posts/find-teacher-training/2024-06-18-improve-entry-requirements.md @@ -0,0 +1,26 @@ +--- +title: Improving the location and format of entry requirements +description: Emphasising key information to improve how candidates compare courses +date: 2024-06-18 +tags: + - courses + - entry requirements +--- + +## The issue + +Research found entry requirements was difficult to understand. + +The section was located in the middle of the long course pages, and was formatted in paragraphs which took time to understand, which made it difficult to easily compare courses. + +![Screenshot of entry requirement section of the course page](entry-requirements-before.png) + +## What we changed + +We tested a protoype on week commencing 27 May 2024. The findings allowed us to be confident in some of the changes we could make to improve the page. + +We moved ‘Entry requirements’ to the top of the page and improved the formatting. + +We converted the information into a [summary list](https://design-system.service.gov.uk/components/summary-list/), and increased the hierarchy by using [details](https://design-system.service.gov.uk/components/details/) components to contain information that only some users will need. + +![Screenshot of entry requirement section of the course page after the design changes](entry-requirements-after.png) diff --git a/app/posts/find-teacher-training/2024-06-18-improving-course-pages.md b/app/posts/find-teacher-training/2024-06-18-improving-course-pages.md index dceba5fc7..8e197299e 100644 --- a/app/posts/find-teacher-training/2024-06-18-improving-course-pages.md +++ b/app/posts/find-teacher-training/2024-06-18-improving-course-pages.md @@ -1,13 +1,12 @@ --- -title: Improving how candidates view course information and compare courses -description: Reducing the length of course pages and moving information to be accessible at the point of need. +title: Reducing the length of course pages +description: Improving how candidates view course information and compare courses by moving information to be accessible at the point of need. date: 2024-06-18 tags: - courses - locations - placement schools - search results - - entry requirements - international candidates - visa sponsorship - accredited providers @@ -50,14 +49,6 @@ Course descriptions can be longer than necessary and the usefulness of the infor When the design team did further investigation, we identified the following areas for improvement. -Key information such as entry requirements was difficult to find. - -![Screenshot of entry requirement section of the course page](entry-requirements-before.png) - -A lot of information was the same across all courses and not visually differentiated, such as information on support and advice. - -![Screenshot of support and advice section of the course page](support-and-advice-before.png) - Information was presented to everyone that may only be relevant to some people, such as information for international candidates or those with disabilities and other needs. ![Screenshot of international candidates section of the course page](international-candidates-before.png) @@ -86,7 +77,7 @@ Navigating the site and finding information was easy: Navigating on mobile generally tested well: -> Particpants were able to find the information on a mobile, saying they "haven’t had an issue" with scrolling through. +> Participants were able to find the information on a mobile, saying they "haven’t had an issue" with scrolling through. The website was good for comparing courses, and the accordions were useful: @@ -94,10 +85,6 @@ The website was good for comparing courses, and the accordions were useful: ## What we changed -Moved ‘Entry requirements’ to the top of the page and improved the formatting. - -![Screenshot of entry requirement section of the course page after the design changes](entry-requirements-after.png) - Moved information for international candidates to collapsed sections. ![Screenshot of information for non-UK citizens after the design changes](international-candidates-after.png) @@ -114,10 +101,6 @@ Moved the information about the provider, including their contact details, and a ![Screenshot of about provider page after the design changes](about-provider-after.png) -Visually differentiated information that was not specific to the course, for example support and advice information. - -![Screenshot of support and advice section of the course page after the design changes](support-and-advice-after.png) - ## What we are continuing to test - Whether it’s helpful to further emphasise information such as the course fee or distance to the nearest school placement diff --git a/app/posts/find-teacher-training/2024-06-18-styling-support-information.md b/app/posts/find-teacher-training/2024-06-18-styling-support-information.md new file mode 100644 index 000000000..8ab3125e6 --- /dev/null +++ b/app/posts/find-teacher-training/2024-06-18-styling-support-information.md @@ -0,0 +1,25 @@ +--- +title: Improving how candidates view support information +description: Differentiating persistent information to make it easier for candidates to compare information unique to the course +date: 2024-06-18 +tags: + - courses + - support and advice + - Get Into Teaching +--- + +## The issue + +As part of [reducing the length of course pages](/find-teacher-training/improving-course-pages/), we found that information that was the same across all courses was not visually differentiated, such as information on support and advice. + +This makes it difficult for candidates to view course information and compare courses. + +![Screenshot of support and advice section of the course page](support-and-advice-before.png) + +## What we changed + +We tested a protoype on week commencing 27 May 2024. The findings allowed us to be confident in some of the changes we could make to improve the page. + +We visually differentiated the support and advice information from information that's specific to the course. + +![Screenshot of support and advice section of the course page after the design changes](support-and-advice-after.png)