{"id":3189,"date":"2018-01-31T12:34:33","date_gmt":"2018-01-31T12:34:33","guid":{"rendered":"https:\/\/blogs.kent.ac.uk\/webdev\/?p=3189"},"modified":"2019-05-07T15:46:27","modified_gmt":"2019-05-07T14:46:27","slug":"new-kent-website-one-year-on","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/webdev\/2018\/01\/31\/new-kent-website-one-year-on\/","title":{"rendered":"New Kent website &#8211; one year on"},"content":{"rendered":"<p>So where are we and what are the next steps?<\/p>\n<h2>A short history<\/h2>\n<p>A new university website hasn\u2019t just been a change of new theme, but it\u2019s a programme of work that has required institutional changes in order to progress.<\/p>\n<p>We\u2019ve needed to adapt as <a href=\"https:\/\/www.theguardian.com\/higher-education-network\/higher-education-network-blog\/2012\/sep\/14\/university-websites-branding-user-experience\">Higher Education has moved towards a stronger user-focussed environment<\/a>.<\/p>\n<p>Adjusting to this has required a cultural change at times where the outside world wants to see a simple, integrated service rather than an institutional hierarchy.<\/p>\n<p>Under the sponsorship of the Brand Strategy Group, it has involved teams across the university.<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-homepage.jpg\"><img class=\"alignnone size-large wp-image-3192\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-homepage-1024x683.jpg\" alt=\"Screenshot of homepages\" width=\"100%\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-homepage-1024x683.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-homepage-300x200.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-homepage-768x512.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-homepage.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3>2015 &#8211; discovery<\/h3>\n<p>Our discovery phase (<a href=\"https:\/\/www-test.kent.ac.uk\/digital\/website-discovery-document-P1376.pdf\">view findings here<\/a>) included a range of research from interviews and competitor analysis to user testing and focus groups.<\/p>\n<p>This resulted in the <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/04\/24\/needfinding-for-a-new-university-website-how-we-did-the-discovery-phase\/\">vision and high-level objectives<\/a> for a new website to help support the University Plan.<\/p>\n<p>A design process, led by workshops with <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/03\/16\/building-mood-boards\/\">central teams<\/a> and <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/08\/05\/design-workshops\/\">schools<\/a>, helped develop design\/user experience principles and prototype concepts.<\/p>\n<h3>2016 &#8211; beta<\/h3>\n<p>We had a <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/12\/04\/beta-kent\/\">beta launch<\/a> in 2016 of a new homepage and News Centre and continued to develop patterns for the new template.<\/p>\n<p>Working with central teams we developed key content for the homepage, top level pages, news centre, course pages and course sections.<\/p>\n<h3>2017 &#8211; launch of key pages<\/h3>\n<p>The \u2018go live\u2019 with the initial pages was on 28 February 2017.<\/p>\n<p>We eventually decided on developing <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/11\/21\/site-editor-user-testing\/\">\u2018Site Editor\u2019<\/a> as our replacement for Dreamweaver as a more content-focussed and open-source editing tool.<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/07\/18\/school-pilots\/\">School pilot work<\/a> began working with <a href=\"https:\/\/www.kent.ac.uk\/sportsciences\">Sports Science and Exercise<\/a>, <a href=\"https:\/\/www.kent.ac.uk\/architecture\">Architecture<\/a> and <a href=\"https:\/\/www-test.kent.ac.uk\/kbs\/kent-website\/\">Kent Business School<\/a>.<\/p>\n<p>Research.kent framework was developed to help promote the breadth of research with research sites beginning to move over to the new system.<\/p>\n<p>Many ongoing refinements (such as the <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/11\/20\/the-universitys-new-contact-us-link\/\">new contact us link<\/a>) and user testing of the new theme, led to new patterns and the development of our <a href=\"https:\/\/www.kent.ac.uk\/digital\">content guidelines<\/a> for building in Site Editor.<\/p>\n<figure id=\"attachment_3191\" aria-describedby=\"caption-attachment-3191\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-home.jpg\"><img loading=\"lazy\" class=\"wp-image-3191 size-large\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-home-1024x683.jpg\" alt=\"Screenshot showing old and new homepages\" width=\"1024\" height=\"683\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-home-1024x683.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-home-300x200.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-home-768x512.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-home.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption id=\"caption-attachment-3191\" class=\"wp-caption-text\">Undergraduate courses page<\/figcaption><\/figure>\n<figure id=\"attachment_3196\" aria-describedby=\"caption-attachment-3196\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-page.jpg\"><img loading=\"lazy\" class=\"wp-image-3196 size-large\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-page-1024x683.jpg\" alt=\"Course page\" width=\"1024\" height=\"683\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-page-1024x683.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-page-300x200.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-page-768x512.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-course-page.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption id=\"caption-attachment-3196\" class=\"wp-caption-text\">New course pages<\/figcaption><\/figure>\n<figure id=\"attachment_3198\" aria-describedby=\"caption-attachment-3198\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-school.jpg\"><img loading=\"lazy\" class=\"wp-image-3198 size-large\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-school-1024x683.jpg\" alt=\"School site screenshot\" width=\"1024\" height=\"683\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-school-1024x683.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-school-300x200.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-school-768x512.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/new-old-school.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption id=\"caption-attachment-3198\" class=\"wp-caption-text\">New school site<\/figcaption><\/figure>\n<h2>2018 &#8211; the year ahead<\/h2>\n<p>It is going to be an exciting year ahead for the new website. There is a lot on the go.<\/p>\n<p>A range of \u2018recruitment-funnel\u2019 websites are being migrated to the new template and there is a programme to move school sites into the new theme. Workshops will help schools plan for quality imagery and videos.<\/p>\n<p>We\u2019ll be launching Site Editor to edit new website content, finally bidding farewell to Dreamweaver. This will include a lot of design improvements to the new theme including a slicker mobile experience.<\/p>\n<p>We\u2019ll be developing a new staff profile system to help support research and postgraduate recruitment.<\/p>\n<p>A particular focus will be looking at internal content. Having focussed on external audiences, it\u2019s time to support our current students and staff. We\u2019ll be looking at <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2018\/01\/22\/finding-your-way-around-designing-content-for-staff-and-students\/\">templates and patterns to support internal content<\/a>.<\/p>\n<figure id=\"attachment_3200\" aria-describedby=\"caption-attachment-3200\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/site-editor.jpg\"><img loading=\"lazy\" class=\"wp-image-3200 size-large\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/site-editor-1024x589.jpg\" alt=\"Site Editor screenshot\" width=\"1024\" height=\"589\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/site-editor-1024x589.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/site-editor-300x173.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/site-editor-768x442.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/site-editor-1920x1104.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption id=\"caption-attachment-3200\" class=\"wp-caption-text\">Site Editor &#8211; our simpler publishing system<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h2>Feedback and analysis<\/h2>\n<p>We continue to monitor and get feedback on the new pages. A year on, the indicators are promising.<\/p>\n<p>Does the new website improve the perception of our brand and does it help people get to the tasks and information they need more easily?<\/p>\n<h3>User feedback<\/h3>\n<p>Lots of user testing has been done during the school pilot project with mostly positive feedback from students:<\/p>\n<p><em>\u201cCleaner and brighter\u201d<\/em><br \/>\n<em>\u201cBetter UX\u201d<\/em><br \/>\n<em>\u201cEasier to scan\u201d<\/em><br \/>\n<em>\u201cThere is a sense of priority\u201d<\/em><br \/>\n<em>You\u2019re making it about the student\u201d<\/em><br \/>\n<em>\u201cI like the layout and colour, it pops up more\u201d<\/em><br \/>\n<em>\u201cI like how they used someone\u2019s opinion here and what they actually do\u201d <\/em><\/p>\n<ul>\n<li><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/09\/05\/feedback-on-architecture-pages\/\">Feedback on Architecture pages<\/a><\/li>\n<li><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/08\/01\/feedback-on-sport-sciences-designs-and-editorial\/\">Sport Sciences designs and editorial<\/a><\/li>\n<li><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/12\/06\/user-testing-summary-sport-and-exercise-sciences\/\">Sport and Exercise Sciences<\/a><\/li>\n<\/ul>\n<p>We also received feedback from prospective students in local schools with overall positive feedback:<\/p>\n<p><em>&#8220;swish&#8221;<\/em><br \/>\n<em>&#8220;easy to read and navigate&#8221;<\/em><\/p>\n<p>They particularly enjoyed visual content: videos, images and 360\u00b0 tours.<\/p>\n<p>It hasn\u2019t all been positive. The new design change and the <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/12\/01\/why-does-the-new-design-make-you-scroll\/\">need to scroll<\/a>, has taken some adjustment for those familiar with our old website template.<\/p>\n<h3>Course page stats<\/h3>\n<p>Course section and pages show more views, lower bounce rate, longer time on site. This indicates greater engagement with the content.<\/p>\n<p>People are engaging more with course pages on mobiles. There is a adjustment of traffic from desktop to mobile. For mobile users, the courses section had a 10% increase and a 27% drop in bounce rate with slightly longer sessions.<\/p>\n<p>*November 2017 to November 2016<\/p>\n<h3>User observation<\/h3>\n<p>We use software to anonymously observe user interaction with our website and have over 130,000 recordings!<\/p>\n<p>We\u2019ve observed hundreds of these and it has helped us refine various design and navigation aspects and to ensure that users can complete key tasks when navigating.<\/p>\n<p>Improvements, such as the <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/11\/20\/the-universitys-new-contact-us-link\/\">new \u2018contact us\u2019 links<\/a> and various refinement to search filters and menus (<a href=\"https:\/\/www.kent.ac.uk\/courses\/undergraduate\/\">centred course search<\/a> and clearer <a href=\"https:\/\/www.kent.ac.uk\/courses\/undergraduate\/search\/\">course filter fields<\/a>) are some example resulting from the observations. Many mobile design elements have also been refined.<\/p>\n<p>We haven\u2019t observed any major issues with users interacting with the new design.<\/p>\n<p>An example recording we observed to see how people are using the website:<\/p>\n<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style>\n<div class=\"embed-container\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/gPIRNp8ZQHE?rel=0\" width=\"300\" height=\"150\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>&nbsp;<\/p>\n<h3>Website feedback indicator<\/h3>\n<p>This is a bit of a finger-in-the-air indicator. It is generally positive and is based on the feedback tool on the website.<\/p>\n<p>All pages<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-all.jpg\"><img class=\"alignnone size-large wp-image-3211\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-all-1024x338.jpg\" alt=\"Website feedback indicator - all\" width=\"100%\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-all-1024x338.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-all-300x99.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-all-768x254.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-all-1920x635.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Undergraduate pages &#8211; including courses<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-ug.jpg\"><img class=\"alignnone size-large wp-image-3212\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-ug-1024x338.jpg\" alt=\"Website feedback indicator - undergraduate\" width=\"100%\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-ug-1024x338.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-ug-300x99.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-ug-768x254.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-ug-1920x635.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Postgraduate pages &#8211; including courses<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-pg.jpg\"><img class=\"alignnone size-large wp-image-3213\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-pg-1024x338.jpg\" alt=\"Website feedback indicator - postgraduate\" width=\"100%\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-pg-1024x338.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-pg-300x99.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-pg-768x254.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2018\/01\/hotjar-pg-1920x635.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3>Conclusion<\/h3>\n<p>We\u2019ve had a year of the homepage, research and other top-level showcases pages being updated regularly with fresh, relevant content to promote recruitment, research, our people and involvement of broader business and the community.<\/p>\n<p>A part of the content strategy is to simplify our publishing tools, reduce our website \u2018bloat\u2019 and prioritise content that gives our users the most value. Focussing on <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/07\/18\/user-stories-for-web-content\/\">strategic content<\/a> supported by good quality <a href=\"https:\/\/www.kent.ac.uk\/digital\/choosing-images.html\">imagery<\/a> and <a href=\"https:\/\/www.kent.ac.uk\/digital\/videos.html\">videos<\/a> is important to create the impact that we need.<\/p>\n<p>The templates for the university site seem to be performing okay. Our observations show that people are interacting with the new design patterns and templates &#8211; we\u2019ll continue to refine and improve them.<\/p>\n<p>Based on user-testing feedback (prospective and current students) the refreshed design does seem to resonate with students in presenting a modern, progressive university.<\/p>\n<p>Our user testing of school pilot sites show that the basic structure for schools is fine (unsurprising as the structure is a common denominator across all school sites). Students were able to navigate and perform key tasks. They gave positive feedback about the impact of the design.<\/p>\n<p>As with all website content; evaluating, monitoring and refining is an ongoing process. For now we have have a new scalable and responsive design framework and publishing system that we can build upon and adapt to changing needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So where are we and what are the next steps? A short history A new university website hasn\u2019t just been a change of new theme, &hellip; <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2018\/01\/31\/new-kent-website-one-year-on\/\">Read&nbsp;more<\/a><\/p>\n","protected":false},"author":17235,"featured_media":3193,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[79447,79410,79443,79421,79439],"tags":[79492,79487,79484,79463,79462],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/3189"}],"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=3189"}],"version-history":[{"count":34,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/3189\/revisions"}],"predecessor-version":[{"id":3227,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/3189\/revisions\/3227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media\/3193"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media?parent=3189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/categories?post=3189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/tags?post=3189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}