{"id":2550,"date":"2016-07-29T11:46:10","date_gmt":"2016-07-29T10:46:10","guid":{"rendered":"https:\/\/blogs.kent.ac.uk\/webdev\/?p=2550"},"modified":"2016-09-02T11:45:08","modified_gmt":"2016-09-02T10:45:08","slug":"beta-website-feedback-july-2016","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/webdev\/2016\/07\/29\/beta-website-feedback-july-2016\/","title":{"rendered":"Beta website feedback"},"content":{"rendered":"<p class=\"lead\">We\u2019ve been testing a <a href=\"https:\/\/beta.kent.ac.uk\">beta design for our homepage<\/a> as a part of our new website project. Thank you for all the feedback we\u2019ve received so far.<\/p>\n<p>The beta concept is based on <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/04\/24\/needfinding-for-a-new-university-website-how-we-did-the-discovery-phase\/\">our discovery phase<\/a> and <a href=\"https:\/\/www.kent.ac.uk\/about\/plan\/index.html\">University Plan<\/a> which calls for increasing our international research profile and attracting quality students and staff based on user-centred content.<\/p>\n<p>Below is a summary of the positive and negative themes from the feedback.<\/p>\n<h2>Positive feedback<\/h2>\n<p><strong>Mobile friendly, user-focussed, less clutter, clean design, strong imagery<\/strong><\/p>\n<p>We are creating a mobile friendly design following our <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/06\/30\/design-principles-for-a-new-website\/#inspire\">user experience and design principles<\/a>. Thinking about mobile first, enables us to simplify our content. This is a great way to prioritise the most important content for our users.<\/p>\n<p>Providing simple starting points based on <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/08\/24\/unifying-the-user-experience\/\">unified user journeys<\/a> rather than departmental structures is an important concept. We have a short window of time in which we can attract users. Simplifying and prioritising content based on our users\u2019 needs makes it easier for them to choose and find content relevant to them.<\/p>\n<p>We\u2019ve used bold, strong images and added interactivity into the design. This comes from our research which show that that prospective students expect engaging, rich content. We need to provide impact and it also aligns with the aesthetic of <a href=\"https:\/\/www.kent.ac.uk\/brand\/concept.html\">the Kent brand<\/a>.<\/p>\n<div style=\"background: #f5f5f5; padding: 1rem; margin-bottom: 3rem;\">\n<p>\u201cLarger font, better focus, less clutter, less things vying for my attention.. ooh, look.. it&#8217;s mobile-ready.. niceness.. love the feature image, but why is it of Italy? great work..\u201d<\/p>\n<p>\u201cvideo backgrounds, scrolling over images. very smart\u201d<\/p>\n<p>\u201cclean, logical design \u201d<\/p>\n<p>\u201cWell-designed, engaging layout. Much better than other universities I have looked at.\u201d<\/p>\n<p>\u201cmore welcoming to new visitors\u201d<\/p>\n<p>\u201cmore aesthetically pleasing and user friendly\u201d<\/p>\n<p>\u201cfull of images, colors, easy to navigate\u201d<\/p>\n<p>\u201cGreat design! Modern and simple to navigate.\u201d<\/p>\n<p>\u201cThe student\/staff pop up at the top right hand side is better than the previous quick links.\u201d<\/p>\n<\/div>\n<h2>Negative feedback<\/h2>\n<p><strong>Need to scroll, large images, confusing labelling, poor quality imagery, colour, no quick links<\/strong><\/p>\n<p>The print <a href=\"https:\/\/www.cxpartners.co.uk\/our-thinking\/the_myth_of_the_page_fold_evidence_from_user_testing\/\">concept of a \u201cfold\u201d<\/a> does not translate directly to the web. Different screen sizes and devices will present content differently and <a href=\"http:\/\/uxmyths.com\/post\/654047943\/myth-people-dont-scroll\">research shows that users scroll<\/a>, especially on mobile devices, however we need to show that content flows continuously and have noticed this isn\u2019t always clear on some screen resolutions.<\/p>\n<ul>\n<li>We\u2019ll try improve the design to imply vertical continuity of content across the most popular screen resolutions.<\/li>\n<\/ul>\n<p>The aesthetic of the design uses bold, quality imagery. This is something that our focus groups and user testing feedback has shown to be desirable and expected for prospects. However it depends on the type of content that you are creating. \u00a0Quality imagery should not be compromised and it is a challenge to source impactful, quality imagery and video. Poor imagery does little for our reputation.<\/p>\n<ul>\n<li>We\u2019ll look to see if we can improve how imagery scales up on larger screens.<br \/>\nThere is ongoing work to get investment in quality imagery and video so your feedback helps the case.<\/li>\n<\/ul>\n<p>The <a href=\"https:\/\/www.kent.ac.uk\/brand\/\">colour palette follows the university brand<\/a>. The design needs to resonate and align with the brand. The colours were developed to position ourselves as a strong, serious research university.<\/p>\n<ul>\n<li>Imagery and video helps to add colour and interest in addition to our primary generic corporate palette.<\/li>\n<\/ul>\n<p>We haven\u2019t removed quicklinks or department search, but have improved them. We\u2019ve \u00a0introduced an audience bar at the top of the page. This allows quicker access to key student and staff links and systems.<\/p>\n<ul>\n<li>We have <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2016\/03\/18\/beta-audience-bar\/\">future plans which involve greater personalisation and customisation<\/a> for our current staff and students.<\/li>\n<\/ul>\n<p>Using only three links to represent our university is a bold move, but aims to make strong statement about who we are and forces us to <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/08\/24\/unifying-the-user-experience\/\">prioritise tasks for our key audiences based on user journeys<\/a>. We are evolving our labelling and we appreciate the feedback on the word \u201cEngage\u201d.<\/p>\n<ul>\n<li>We previously have tested \u201cExperience\u201d which aligned more clearly with what users expected to find within that menu item, but will continue to test labels.<\/li>\n<\/ul>\n<p>Not all the imagery and video on our beta is yet optimised for mobile which may result is a slower loading time depending on your connection speed.<\/p>\n<ul>\n<li>We will be optimising content so that it loads as quickly as possible on different devices.<\/li>\n<\/ul>\n<p>Currently we only have the homepage, news section and a small selection of pages in beta. These will link off to existing content in the old design until we are able to replace it. This isn\u2019t ideal, but is a soft approach to gradually expanding our beta website.<\/p>\n<div style=\"background: #f5f5f5; padding: 1rem; margin-bottom: 3rem;\">\n<p>\u201cIt is so big that I have to scroll quite a bit to see everything!\u201d<\/p>\n<p>\u201cbut your colour palette is so dull and boring\u201d<\/p>\n<p>\u201cWhere are the quick links? \u201d<\/p>\n<p>\u201cI think the word &#8216;Engage&#8217; is an unwelcoming word to use on the front page.\u201d<\/p>\n<p>\u201cThere is a lot of scrolling to do!\u201c<\/p>\n<p>\u201cThis page looks good, and is miles better than the previous. However, the other pages, for example the Undergraduate Study page, is still on the old theme. It just doesn&#8217;t fit the house style. The main page is all new, but the other pages are old.\u201d<\/p>\n<p>\u201cThe images are too large and not overly obvious where staff links are anymore.\u201d<\/p>\n<p>\u201cI enjoyed the use of pictures, and moving imagery. It is clearly set out, well defined. Clear search option and more. Though I still feel the need for the Quick links still as I often used those to navigate through the site.\u201d<\/p>\n<p>\u201cThe video thumbnails aren&#8217;t the greatest quality\u201d<\/p>\n<\/div>\n<h2>Next steps<\/h2>\n<p>The beta homepage is a small taster to get quick feedback on our approach as we continue to improve.<\/p>\n<p>We\u2019ve also been doing\u00a0<a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2016\/04\/04\/beta-homepage-feedback-from-prospective-students\/\">user testing<\/a>\u00a0and screen reader testing and will continue in this iterative way.<\/p>\n<p>The beta site will be changing over time based on the feedback we\u2019ve received. Other areas in development which we\u2019ll be dropping into our beta over the coming months are:<\/p>\n<ul>\n<li>undergraduate and postgraduate landing pages<\/li>\n<li>course page<\/li>\n<li>research<\/li>\n<li>school pilot<\/li>\n<\/ul>\n<p>The new website will need to be powered by a modern content management system. The University is in the process of acquiring such a system. Once acquired, the technical teams will move into an implementation stage. Once done, the project will then move to a migration stage. The migration to a new look and feel new website will be a vast and complex procedure. This process needs to be resourced and managed effectively.<\/p>\n<p>We are awaiting funding details about the implementation and migration stages. Several executive meetings over the coming months will determine the extent of this funding. The level of funding will determine timelines, therefore once funding details are confirmed, timelines will be disclosed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve been testing a beta design for our homepage as a part of our new website project. Thank you for all the feedback we\u2019ve received &hellip; <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2016\/07\/29\/beta-website-feedback-july-2016\/\">Read&nbsp;more<\/a><\/p>\n","protected":false},"author":17235,"featured_media":2562,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[690,79395],"tags":[690,521,79463,23153],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2550"}],"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=2550"}],"version-history":[{"count":18,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2550\/revisions"}],"predecessor-version":[{"id":2601,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2550\/revisions\/2601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media\/2562"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media?parent=2550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/categories?post=2550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/tags?post=2550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}