{"id":2099,"date":"2015-08-24T13:40:25","date_gmt":"2015-08-24T12:40:25","guid":{"rendered":"https:\/\/blogs.kent.ac.uk\/webdev\/?p=2099"},"modified":"2015-12-04T13:38:19","modified_gmt":"2015-12-04T13:38:19","slug":"unifying-the-user-experience","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/08\/24\/unifying-the-user-experience\/","title":{"rendered":"Unifying the user experience"},"content":{"rendered":"<p class=\"lead\">Prospective students visiting our website don\u2019t care about our departmental structures or internal wranglings. They want information relevant to them, quickly.<\/p>\n<p>During the alpha phase of the <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2014\/12\/11\/a-website-for-the-future\/\">Theme project<\/a> we&#8217;ve created a User-needs Matrix, along with user-journey mapping and <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/05\/13\/personas-helping-you-design-goal-directed-content\/\">personas<\/a> based on the best knowledge we have at the moment on what people need\u00a0when they come to our website.<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2015\/08\/Discovery-poster-needs.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-2110\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2015\/08\/Discovery-poster-needs.jpg\" alt=\"User needs matrix\" width=\"100%\" height=\"1191\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2015\/08\/Discovery-poster-needs.jpg 1684w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2015\/08\/Discovery-poster-needs-300x212.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2015\/08\/Discovery-poster-needs-1024x724.jpg 1024w\" sizes=\"(max-width: 1684px) 100vw, 1684px\" \/><\/a><\/p>\n<p>This helps us to focus on user-journeys, rather than departmental structures. By posing questions that users may ask, by understanding what scenarios are they in and what they are trying to achieve and by giving a sense of how they may feel, encourages us to be empathetic and outward focussed.<\/p>\n<p>The aim is to\u00a0create purposeful content for our users that leads them through tasks that they want to achieve.<\/p>\n<p>User-journeys depend on coordinated content. This is a part of effective <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/07\/15\/information-architecture\/\">information architecture<\/a>. Users are happy to click through content as long as there is an information scent leading them towards their goal.<\/p>\n<p>As we start creating prototypes to test with users, we want to create a new, simplified global navigation that focusses on these user needs and doesn&#8217;t overwhelm the user with superfluous information.<\/p>\n<p>The current global navigation has grown organically over the years. User-testing, analytics and heat-mapping has show that too many links are overwhelming. Finding easy starting points can be difficult and users often gravitate to the search field.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/drive.google.com\/file\/d\/0B10P0IywSTXBRDNtTFNpRDJ1aUE\/preview\" width=\"640\" height=\"480\"><\/iframe><\/p>\n<h2>Coordinating content<\/h2>\n<p>We want our website content to flow seamlessly supporting our common user journeys rather than departmental structures.<\/p>\n<p>This\u00a0depends on the people creating the content, the challenge is to coordinate ourselves better across teams. Better communication will lead to more consistency and less duplication &#8211; our users being the winner.<\/p>\n<p>We have a common interest, our users (prospective students and staff). They are the main reason we are creating content. How can we make it easier for them to find what they need and lead them around content?<\/p>\n<h2>Letting users decide<\/h2>\n<p>From the end of September onwards we\u2019ll be doing user-testing.<\/p>\n<p>This feedback will test our assumptions for a new approach to global navigation and hopefully provide a unified approach to content helping us focus on what is important &#8211; our users.<\/p>\n<p>&nbsp;<\/p>\n<p>Image credit:<\/p>\n<p ><small style=\"position: relative; top: -1em;\">\u201cPuzzle pieces\u201d by Flickr user <a href=\"https:\/\/www.flickr.com\/photos\/sightrays\/\">Electric-Eye<\/a> CC BY 2.0<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prospective students visiting our website don\u2019t care about our departmental structures or internal wranglings. They want information relevant to them, quickly. During the alpha phase &hellip; <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/08\/24\/unifying-the-user-experience\/\">Read&nbsp;more<\/a><\/p>\n","protected":false},"author":17235,"featured_media":2117,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[690,79447,79410,79443,1,79395,79439],"tags":[79469,521,23153,79462],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2099"}],"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=2099"}],"version-history":[{"count":53,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2099\/revisions"}],"predecessor-version":[{"id":2205,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2099\/revisions\/2205"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media\/2117"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media?parent=2099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/categories?post=2099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/tags?post=2099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}