On February 20th we launched a brand new Undergraduate (UG) Study website. This is the website that showcases our undergraduate programmes to prospective students around the world. It’s the most popular part of our site, attracting more than 6 million external pageviews each year from more than 200 countries and territories.
The new site has been designed to meet the changing demands of visitors to our website, including the use of mobile devices, which has seen a 15-fold increase over the last two years. We also met the technical challenge of incorporating rich course information from iPaMs, our emerging Integrated Programmes and Modules System.
UG Study – responsive course pages
Planning and preparation
We refresh the UG Study website every year, but for this year’s full redesign we went back to first principles and asked ourselves fundamental questions about who our prospective students are, what they want from a website and how we could best provide it.
- We listened to prospective students who told us where the UG Study website fits into their information-seeking habits, what they want from the website and how this differs from, for example, the printed prospectus.
- We reviewed websites across UK, US, Canadian and Australian higher education looking for inspiration and examples of best practice.
- We looked at the sites of large charities and public bodies to help us understand how they encourage their visitors to engage with them.
- We examined sites which supported ‘big decisions’, such as estate agents, healthcare providers and financial institutions to better understand how they helped visitors to find the right product for them.
- We read research papers and industry reports to understand that visitors to university websites expected to find familiar user interfaces and tools from ecommerce and social websites, such as search filters, expandable panels and tabbed content.
- We analysed our web traffic and discovered that course pages, visit day pages and application information account for almost all the traffic to the site, and that almost 20% of visits to the site were made by mobile users.
Designing and building
Based on our research we designed a new scheme for the UG Study site. We aimed to give the pages a more contemporary feel, to increase the amount of space we could use for content by introducing a horizontal navigation menu and to create a set of responsive page layouts which would dynamically adjust to the size of screen the site was being viewed on.
We developed wireframes to represent our main page types and began the ongoing process of testing with potential users of the site and improving our designs based on their feedback.
Creating a single page which will adjust to display well on different devices requires content elements such as text and images to show and hide, resize and reposition depending on the size and orientation of the screen. Responsive design adds a great deal of complexity to content planning and the team had to learn new ways not only to code the website but also to create and manage the content.
We knew from our research that prospective students wanted to find detailed breakdowns of the courses they were considering. To allow us to deliver this, we developed new methods to import data from the iPaMs database into our Web Content Management System. Not only did this present huge technical challenges as we pulled content for more than 300 programmes from one database into another, but with colleagues in the Colleges and the Marketing Team, it required an enormous amount of work to ensure that the data was current and accurate.
We built a new ‘course search’ tool, developed using Funnelback, our website search engine. This allows us to index only the UG course pages and bring back results in a form which can be sorted and filtered by criteria such as course duration, location and study options.
Once the site began to take shape, we involved the whole team in testing it for content, appearance and functionality on a huge range of devices. With a site built for smartphones and tablets it’s no longer enough to look at it in the most popular browsers on a desktop PC. We conducted detailed testing on more than 20 different platforms, choosing those combinations of device and browser which were most popular amongst our users. We could have tested five times as many.
Sharing our work
We took the developing site around the University, demoing it to groups and meetings in every College and involving hundreds of staff members, incorporating their feedback and comments as we went.
Launch and beyond
The site was launched on 20 February after more than 12 months of thinking, planning, experimenting, constructing, populating, data-cleansing and testing, testing, testing, all of which was undertaken by the Web and Marketing Teams, with great support from colleagues across the Colleges and Services.
Traffic patterns in the month since the site went live are very encouraging, suggesting that users are engaging with the site more than with its predecessor.
- We have seen a 43% increase in the number of pageviews per visit to the site
- a 58% increase in the average visit duration and
- a 54% decrease in the bounce rate (i.e. the number of visitors who leave the site immediately after arriving).
Looking specifically at mobile visitors we have seen even more positive results including
- a 77% increase in the number of pages per visit and
- a 142% increase in the average visit duration.
We think the new site is a big step forward. It achieves what we set out to do and, we hope, meets the needs of today’s prospective students. We will continue to learn from the users of our site and to improve it further in the weeks and months to come.
Take a look at the UG Study site and let us know what you think in comments.