{"id":272,"date":"2015-03-24T09:50:04","date_gmt":"2015-03-24T09:50:04","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/web\/?p=272"},"modified":"2015-11-16T13:28:39","modified_gmt":"2015-11-16T13:28:39","slug":"improving-user-journeys-on-the-postgraduate-website","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/web\/2015\/03\/24\/improving-user-journeys-on-the-postgraduate-website\/","title":{"rendered":"Improving User Journeys on the Postgraduate Website"},"content":{"rendered":"<p>The postgraduate (PG) website redevelopment initially began with a focus on <strong>improving<\/strong> <strong>the content<\/strong> and <strong>developing a strategy<\/strong> for content management.\u00a0Mostly, this was to enable a more coherent user journey through the website \u2013 to\u00a0<b>improve the experience<\/b> as a whole and encourage applications.<\/p>\n<h2>A consistent user experience<\/h2>\n<p>As the project got underway it became more and more obvious from our user research that we really needed the website to be optimised for\u00a0mobile too.<\/p>\n<p>To create a <strong>truly consistent experience<\/strong>, users of the website should be able to get the same experience and information\u00a0<strong>no matter what device they use<\/strong> to view the site.<br \/>\nWhile we were trying to work out how we were going to do that, there was still some debate in the web development world about if you should or could just offer a separate mobile site.\u00a0Immediately we decided that approach wasn\u2019t helpful at all.<\/p>\n<h2>Project creep<\/h2>\n<div id=\"attachment_310\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2015\/02\/pgmobiledesktopscreens.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-310\" class=\"size-medium wp-image-310\" src=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2015\/02\/pgmobiledesktopscreens-300x175.jpg\" alt=\"The Postgraduate website goes mobile\" width=\"300\" height=\"175\" srcset=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2015\/02\/pgmobiledesktopscreens-300x175.jpg 300w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2015\/02\/pgmobiledesktopscreens-500x292.jpg 500w, https:\/\/blogs.ncl.ac.uk\/web\/files\/2015\/02\/pgmobiledesktopscreens.jpg 979w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-310\" class=\"wp-caption-text\">The Postgraduate website goes mobile<\/p><\/div>\n<p>Just imagine a user looking at the PG website on a desktop computer.\u00a0Later they decide to go back and check some information using their phone.<\/p>\n<p>What would their experience be like if we gave them a separate site? With a different structure and content?\u00a0That really wouldn\u2019t be helpful. Or coherent. Or easy to maintain.<\/p>\n<p>So the <strong>work grew<\/strong> from a massive project of improving all the PG content and creating a PG content strategy, to also<strong> incorporating<\/strong> the \u2018small\u2019 technical demand of <strong>a mobile responsive website!<\/strong><\/p>\n<blockquote><p>In 2010 Ethan Marcotte coined the term<strong> responsive design<\/strong> to describe a flexible, grid-based layout for a website that behaves differently depending on the device used to view it.<\/p><\/blockquote>\n<p>\u2026 It was a busy year.<\/p>\n<h2>Inspiring results<\/h2>\n<p>Now we have a really great, mobile<strong> responsive website<\/strong> with much <strong>improved content<\/strong> that we&#8217;re not only proud of, but has inspired the University\u2019s <a title=\"Introduction to Go Mobile\" href=\"https:\/\/blogs.ncl.ac.uk\/web\/2015\/03\/06\/introduction-to-go-mobile\/\">Go Mobile project<\/a>. Just a quick look at how our users are responding already (we launched at the end of October) shows, for mobile users:<\/p>\n<ul>\n<li>average <strong>time spent on site<\/strong> has <strong>increased <\/strong>by a massive<strong> 240%.<\/strong> It was less than four minutes, now it is nearly 12<\/li>\n<li>we\u2019ve <strong>increased<\/strong> the number of <strong>pages viewed<\/strong> by nearly <strong>22%<\/strong><\/li>\n<\/ul>\n<h2>Watch this space<\/h2>\n<p>There were so many elements to the PG project that they merit separate blog posts, so in the coming months we\u2019ll be sharing about how we:<\/p>\n<ul>\n<li>wrote <strong>content for mobile<\/strong> devices (and improved the desktop reading experience)<\/li>\n<li>created a <strong>tone of voice<\/strong> \u2013 and why<\/li>\n<li><strong>prioritized<\/strong> content layout for mobile optimization<\/li>\n<li>kept sane (only kidding)<\/li>\n<\/ul>\n<p>In the meantime you can visit the new <a href=\"http:\/\/www.ncl.ac.uk\/postgraduate\">PG website<\/a>\u00a0and\u00a0discover the new features by taking a look at our\u00a0<a href=\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2015\/03\/pg-pilot.pdf\">PG case study presentation<\/a>\u00a0(PDF: 849KB)\u00a0from the\u00a0NU Digital event.<\/p>\n<p>We&#8217;d love to hear your views about the new PG website, so feel free to leave a comment.<\/p>\n<h2>Update: 16 Nov 2015<\/h2>\n<p>Since this article was published, we&#8217;ve completed some user testing on the PG website. Check out our blog post about the <a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2015\/09\/24\/excellent-results-for-postgraduate-website-testing\/\">great user testing results <\/a>(hint: they love it).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The postgraduate (PG) website redevelopment initially began with a focus on improving the content and developing a strategy for content management.\u00a0Mostly, this was to enable a more coherent user journey through the website \u2013 to\u00a0improve the experience as a whole &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2015\/03\/24\/improving-user-journeys-on-the-postgraduate-website\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1269,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,15],"tags":[24,46,45,37,26],"class_list":["post-272","post","type-post","status-publish","format-standard","hentry","category-content","category-go-mobile","tag-case-study","tag-content-strategy","tag-postgraduate","tag-user-testing","tag-writing-for-the-web"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/users\/1269"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":27,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/272\/revisions"}],"predecessor-version":[{"id":1273,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/272\/revisions\/1273"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/media?parent=272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/categories?post=272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/tags?post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}