Merge pull request #1418 from DFE-Digital/Refactor-june-2023-posts-on…

…-reducing-length-of-course-pages

refactor reducing course pages post

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)

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,18 +77,14 @@ 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:
 
 > Participants were able to compare courses, and liked that everything was in the same place, "headings are very easy to follow", and once they read one they know how to read them all.
 
 ## 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

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)