{"id":3419,"date":"2019-01-21T15:54:41","date_gmt":"2019-01-21T15:54:41","guid":{"rendered":"https:\/\/blogs.kent.ac.uk\/webdev\/?p=3419"},"modified":"2019-01-24T13:00:59","modified_gmt":"2019-01-24T13:00:59","slug":"user-testing-summary-updated-course-page","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/webdev\/2019\/01\/21\/user-testing-summary-updated-course-page\/","title":{"rendered":"User testing summary &#8211; updated course page"},"content":{"rendered":"<p class=\"lead\">We investigated providing stronger upfront help and easier contact points to prospective students in the updated design. We also tested out visual and usability improvements.<\/p>\n<p>It&#8217;s approaching two years since the course pages were revamped and in December we carried out user testing on our proposed refresh of our course page design.<\/p>\n<p>We had sessions at two secondary schools in Kent, speaking to a mixture of year 12 and year 13 students.<\/p>\n<p>Our discussions focused on<\/p>\n<ul>\n<li>What students thought about the proposed new design<\/li>\n<li>What they thought about the placement of the \u2018Key Facts\u2019 box<\/li>\n<li>Their thoughts on how to contact Kent and \u2018live chat\u2019 functionality<\/li>\n<li>A range of functionality testing focusing on if prospective students could easily find\n<ul>\n<li>Entry requirements<\/li>\n<li>Contact details for the University of Kent<\/li>\n<li>Book and open day<\/li>\n<li>Course content<\/li>\n<li>Apply<\/li>\n<li>Careers information<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>Use of the new course page design<\/h2>\n<p>The new design combines course page content on to one long page, users did not have a problem with the longer page and were happy to scroll through information. Users instinctively used the new floating horizontal menu. The new layout and design were seen as more modern and many users felt this way due to the better header image used on the new page. All users commented positively about imagery and it was key to making a positive first impression of the course and university.<\/p>\n<p>\u2018They\u2019ve put effort into this\u2019, \u2018Modern, clean, up and coming\u2019 \u2018\u2013 student\u2019s first impression of new course page design.<\/p>\n<p>\u2018It immediately catches my attention\u2019 \u2013 student\u2019s first impression of high quality imagery<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2019\/01\/course-page.jpg\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-3425\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2019\/01\/course-page-1024x683.jpg\" alt=\"Screenshot of course page\" width=\"1024\" height=\"683\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2019\/01\/course-page-1024x683.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2019\/01\/course-page-300x200.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2019\/01\/course-page-768x512.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2019\/01\/course-page.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h2>Placement of video<\/h2>\n<p>The new design fixes the placement of video content at the top of the page. This was mostly seen as a good move and participants continued to comment their preference for video content. Users commented that the video drew them to explore further course information.<\/p>\n<h2>TEF Gold<\/h2>\n<p>None of the users had an understanding of what the TEF was, but they were able to understand what it meant once they read the surrounding text. There was also a positive association between Gold and high quality, despite not having a preconception of what TEF actually meant.<\/p>\n<h2>Help button and contact information<\/h2>\n<p>Users liked the floating help button and most found it easily, it was seen as an improvement making the university seem approachable and friendly. Once users clicked through to a contact page they liked the option of live chat and would use it along with email, with phoning the least preferred option. Contact options were placed at the bottom of the page and should be moved to the top so they are seen more easily.<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2019\/01\/course-screenshot-contact.jpg\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-3428\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2019\/01\/course-screenshot-contact-1024x683.jpg\" alt=\"Screenshot of help and contact page\" width=\"1024\" height=\"683\" \/><\/a><\/p>\n<h2>Key facts<\/h2>\n<p>This area of the test was not conclusive. Users did eventually find the information but many scrolled past it even once they had been on the page for a while, Placement on the right hand side of the page seems to be best, but further investigation is needed as to if students need this information and why.<\/p>\n<h2>Conclusions<\/h2>\n<p>Concerns about the length of the new course page were unfounded as users were happy to scroll and easily used the floating navigation. Users found the new design to be an improvement with average scores out of 10 as follows:<\/p>\n<h3>Easy to use<\/h3>\n<p>Old design \u2013 6\/7<br \/>\nNew design \u2013 8\/9<\/p>\n<h3>Look and feel<\/h3>\n<p>Old design \u2013 7\/8<br \/>\nNew design \u2013 8\/9<\/p>\n<h3>Modern university<\/h3>\n<p>Old design \u2013 6<br \/>\nNew design \u2013 9<\/p>\n<p>In general users found the new design to be an improvement and one that reflected a modern university, with header imagery of key importance.<\/p>\n<p>Key facts should be placed at the right hand side for now with investigation as to the need for the information going forward.<\/p>\n<p>Practicality of implementing a live chat function should be investigated with admissions team.<\/p>\n<p>Functionality testing was positive with students easily able to find key information around open days, entry requirements and course content.<\/p>\n<h2>Further course improvements<\/h2>\n<p>In addition to the updated course page, we&#8217;re also looking at improvements to course listings and the introduction of subject pages.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We investigated providing stronger upfront help and easier contact points to prospective students in the updated design. We also tested out visual and usability improvements. &hellip; <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2019\/01\/21\/user-testing-summary-updated-course-page\/\">Read&nbsp;more<\/a><\/p>\n","protected":false},"author":17235,"featured_media":3422,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[79410,79395,1220],"tags":[165784,79459,23153],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/3419"}],"collection":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/users\/17235"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/comments?post=3419"}],"version-history":[{"count":13,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/3419\/revisions"}],"predecessor-version":[{"id":3451,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/3419\/revisions\/3451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media\/3422"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media?parent=3419"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/categories?post=3419"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/tags?post=3419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}