Digital Development: Quarterly Review Q1 2023

Posted in: Quarterly update

Delivered

Here's what we delivered in Q1 of 2023.

Rotating the awards in the site footer

One of the rotations of the university awards component in the site footer
One of the rotations of the university awards component in the site footer.

To show the various accolades awarded to the University, we have set up an automatic 'rotation' for the awards in the site footer, meaning we can display different awards at different times.

We came up with the following schedule:

Rotation 1 Rotation 2 Rotation 3
Accolade 1 University of the Year University of the Year University of the Year
Accolade 2 5th career prospects Guardian Top 10 in three national league tables 6th for graduate prospects CUG
Accolade 3 Global top 100 QS employability 5th for graduate prospects Times 1st for student experience NSS 2022

The awards in the footer are now following this schedule, changing automatically on a fortnightly basis.

Improved footnote functionality

The Footnote component, showing clickable arrows that link back to the footnote reference in the text.
The Footnote component, showing clickable arrows that link back to the footnote reference in the text.

With the improved footnote functionality, we now have anchor links between a footnote and the place in the text the footnote reference appears. Having these anchor links makes it easy for the users to find the footnote and then return to the place in the text they were reading.

The Typecase guide page about the Footnote component explains how to use the Footnote component to reference research and marketing claims or add small print to a page on the University website.

Improved method of updating certain pages

Some pages, such as Professional services and Offices used to require developers to be updated. The content team needed access to edit the pages quickly without relying on the developers, so we've created an interface that allows them to update these pages directly.

Typical programme length ranges on doctoral programme pages

For more flexible doctoral programmes, it is now possible to specify a range for the typical programme length rather than having to enter a fixed period.

Case study dropdown box in Typecase for Courses

It used to be challenging to find an appropriate case study to link to a course because the search functionality of the case study dropdown box only allowed you to search by the name of the student rather than information related to the course.

Now it is possible to search by the student's course and year of graduation, providing much more relevant results.

Accessibility

We found that the hover state on the buttons on our School of Management content did not have sufficient colour contrast. It included CTAs, extended navigation, footer links and card titles where there is a colour gradient. Lack of contrast meant that content failed WCAG success criterion 1.4.3 Contrast (minimum): Elements must have sufficient colour contrast.

We've updated some of the colours used on School of Management pages to increase the visual contrast and make sure we meet accessibility regulations.

Ongoing

Here's what we've been working on in Q1 of 2023.

Floating in-page navigation

The floating in-page navigation as it will appear on course pages.
The floating in-page navigation as it will appear on course pages.

Some pages on our website, such as course pages, can be hard to navigate due to their length. These pages have in-page navigation components, showing links to different page sections. The problem is that this in-page navigation is fixed at the top of the page, requiring visitors to scroll all the way back to the top to see it.

Enter the floating in-page navigation! By making the in-page navigation sticky, floating on the left side while the visitor scrolls down the page, the visitor can always see where they are on the page and quickly navigate to other relevant sections.

We think this functionality will significantly improve the user experience on course pages and other lengthy pages.

Corporate information iteration

We are improving the Corporate Information content type as part of our work to bring all content types into the Lens design system. It will adopt the Lens design system and will feature components similar to those available for Guide pages.

Posted in: Quarterly update

Responses

  • (we won't publish this)

Write a response

  • Great writeup of the quarter, and lovely to see some more regular posts coming out on the blog - keep it up!