{"id":1078,"date":"2024-04-04T18:04:24","date_gmt":"2024-04-04T17:04:24","guid":{"rendered":"https:\/\/blogs.york.ac.uk\/communications\/?p=1078"},"modified":"2025-10-30T13:54:30","modified_gmt":"2025-10-30T13:54:30","slug":"fresh-new-look-for-it-services-web-pages","status":"publish","type":"post","link":"https:\/\/blogs.york.ac.uk\/communications\/2024\/04\/04\/fresh-new-look-for-it-services-web-pages\/","title":{"rendered":"Fresh new look for IT Services\u2019 web pages"},"content":{"rendered":"\n<p style=\"font-size:22px\"><strong>In this major revamp, we&#8217;re making IT Services&#8217; web pages easier to use. As well as being some of our most popular sets of internal pages, they\u2019re also super complex. We\u2019ve gone back to the drawing board to investigate what users <em>really <\/em>want.<\/strong><\/p>\n\n\n\n<p>This is my first time posting on this blog so I\u2019ll start by introducing myself. I\u2019m Harriet \ud83d\udc4b. I\u2019m part of the Content Design Team in Communications. As a web content developer, it\u2019s my job to design and transform online content. I started at the University last year specifically to work on rebuilding the IT Services web pages. I\u2019m leading this highly collaborative project, working alongside the IT Services team and others to plan and deliver an improved experience.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">What\u2019s it all about?<\/h2>\n\n\n\n<p>Every single member of York uses IT services. From email to wifi, there are hundreds of tools and systems enabling us to work, study and research. For every one of those, there\u2019s usually at least a web page or two. And as you might expect from a technical service, there\u2019s also a lot of guidance, such as how to access a system or how to troubleshoot issues with it.<\/p>\n\n\n\n<p>Across the IT Services section alone, we\u2019re talking over <strong>600 pages<\/strong> of content. But that\u2019s not all. We discovered more IT content across three other sections of the University website. Plus, beyond our Web CMS, we found IT-related content over eight other web platforms such as Salesforce, Google Sites and LibGuides. Before anything else, we needed to scrutinise what categories of content should be published where and why. This helps us be consistent about what we publish and where, and decide what should stay and what should go. After that, it was time to map the rebuild for the CMS side of things.<\/p>\n\n\n\n<p>The IT Services section of the website is home to some of our most viewed internal-facing pages, receiving over 1 million views a year. Despite its popularity, years of growth were taking a toll. The bloated content was hard to navigate and maintain, and the older \u2018Classic\u2019 templates looked tired. To help staff and students find the services and support they need, we had to change that. Cue the content strategy!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Content strategy toolkit <\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"495\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/IMG_8316-1024x768.jpg?resize=660%2C495&#038;ssl=1\" alt=\"Planning doesn't always mean staring at screens - one of our favourite ways to trigger ideas is to run collaborative workshops with plenty of sticky notes.\" class=\"wp-image-1093\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/IMG_8316.jpg?resize=1024%2C768&amp;ssl=1 1024w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/IMG_8316.jpg?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/IMG_8316.jpg?resize=768%2C576&amp;ssl=1 768w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/IMG_8316.jpg?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>Here in the Content Design Team, we love to plan. It can feel a little daunting but a good plan is vital for mapping out changes, juggling priorities and keeping track of what\u2019s important. Here are some of the tools and techniques which helped us get from planning content to publishing it:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content audit<\/strong> &#8211; a listing of all web pages in scope. We used it to assess content quality, measure analytics performance, and plan next steps.<\/li>\n\n\n\n<li><strong>Competitor analysis<\/strong> &#8211; we reviewed 13 competitors and industry leaders to spot trends and best practices.<\/li>\n\n\n\n<li><strong>Stakeholder interviews<\/strong> &#8211; we met with 20 colleagues in IT Services to understand departmental needs first-hand.<\/li>\n\n\n\n<li><strong>Steering group<\/strong> &#8211; we scheduled a regular catch-up with key stakeholders every three weeks. This proximity helped resolve queries, set actions and move the project along.<\/li>\n\n\n\n<li><strong>Content mapping <\/strong>&#8211; we led a workshop with stakeholders to understand content categories, where each should be published and why.&nbsp;<\/li>\n\n\n\n<li><strong>User research studies <\/strong>&#8211; we undertook user testing of our pages and competitors, using heat mapping tools and tree testing to test our new navigation menu and labels. The findings helped us plan effortless, logical designs.<\/li>\n\n\n\n<li><strong>Site structure mapping <\/strong>&#8211; we used a mind mapping tool to plan the new site hierarchy and review content relationships.<\/li>\n\n\n\n<li><strong>Focus days<\/strong> &#8211; we scheduled whole days for content planning, giving us dedicated time for deep focus and collaboration.<\/li>\n\n\n\n<li><strong>Feedback rounds<\/strong> &#8211; once drafted, stakeholders and web specialists vetted the content over several feedback rounds. They checked for accuracy and helped finesse the content.<\/li>\n\n\n\n<li><strong>Governance plan <\/strong>&#8211; to help maintain content, we\u2019ve confirmed information providers and approvers (IPAs) for every branch section and we\u2019ve documented the process for requesting edits. To learn more, see the <a href=\"https:\/\/uoy.atlassian.net\/wiki\/spaces\/DM\/pages\/45049335\/IT+web+pages+quality+assurance+and+content+governance\">governance plan (staff only)<\/a>.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Putting plans into action<\/h2>\n\n\n\n<p>Because this is a complicated project with lots to unpick, we\u2019re rolling out the changes in phases. The first of which went live in February. Here&#8217;s a rundown of the five big wins to give you a flavour of all things new and shiny so far \ud83e\udd29. <\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">1. Simple navigation<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"59\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Nav.png?resize=660%2C59&#038;ssl=1\" alt=\"\" class=\"wp-image-1089\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Nav.png?w=998&amp;ssl=1 998w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Nav.png?resize=300%2C27&amp;ssl=1 300w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Nav.png?resize=768%2C68&amp;ssl=1 768w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reduced the navigation menu from 21 items to just seven to help make information easier to find.<\/li>\n\n\n\n<li>New labels separate the key strands of IT Services\u2019 content. They avoid overlap between the sections, helping everyone to take confident next steps.&nbsp;<\/li>\n\n\n\n<li>Bookmarked the start and end of the navigation menu with the most important sections: \u2018Guides and help\u2019 and \u2018Contact us\u2019. These both lead to self-service guidance and how to get support, which are core user needs.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">2. Revamped landing pages<\/h3>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-bd0aba32 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group wp-container-content-231d8afb is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-ee1c9ac2 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-group is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-ebc71d8e wp-block-group-is-layout-flex\">\n<p style=\"font-size:16px\"><strong>Before<\/strong><\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"863\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Landing-page-old-1.png?resize=660%2C863\" alt=\"The old landing page had several sections of content spanning several columns and different heights. The page was hard to scan read because of it's mix of layout styling.\" class=\"wp-image-1091\" style=\"object-fit:cover;width:300px;height:500px\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Landing-page-old-1.png?w=734&amp;ssl=1 734w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Landing-page-old-1.png?resize=229%2C300&amp;ssl=1 229w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group wp-container-content-231d8afb is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-e5bbf87c wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-group is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-ebc71d8e wp-block-group-is-layout-flex\">\n<p style=\"font-size:16px\"><strong>After<\/strong><\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\" style=\"font-size:14px\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"503\" height=\"960\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Landing-page-new-no-York-footer.png?resize=503%2C960&#038;ssl=1\" alt=\"The new landing page is separated into clear sections which allow the content to breath. All headings are labelled simply for easier scan-reading. Colourful, modern and relevant imagery also add interest.\" class=\"wp-image-1092\" style=\"object-fit:cover;width:300px;height:500px\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Landing-page-new-no-York-footer.png?w=503&amp;ssl=1 503w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Landing-page-new-no-York-footer.png?resize=157%2C300&amp;ssl=1 157w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Redesigned three key entry points into IT Services content. The content is more visually engaging and laid out in order of hierarchical importance. The pages include the <a href=\"https:\/\/www.york.ac.uk\/it-services\/\">IT Services landing page<\/a>, <a href=\"https:\/\/www.york.ac.uk\/students\/it\/\">student landing page<\/a> and <a href=\"https:\/\/www.york.ac.uk\/staff\/it\/\">staff landing page<\/a>.<\/li>\n\n\n\n<li>Rebuilt all phase one pages using the Digital Pattern Library web templates.&nbsp;<\/li>\n\n\n\n<li>Added sleek and vibrant graphics, designed by our in-house Creative team.&nbsp;<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">3. Clearer user journeys<\/h3>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"413\" height=\"503\" data-id=\"1081\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Guides-blog-425pxw.jpg?resize=413%2C503&#038;ssl=1\" alt=\"\" class=\"wp-image-1081\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Guides-blog-425pxw.jpg?w=413&amp;ssl=1 413w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Guides-blog-425pxw.jpg?resize=246%2C300&amp;ssl=1 246w\" sizes=\"auto, (max-width: 413px) 100vw, 413px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"425\" height=\"517\" data-id=\"1082\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Tools-blog-425pxw.jpg?resize=425%2C517\" alt=\"\" class=\"wp-image-1082\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Tools-blog-425pxw.jpg?w=425&amp;ssl=1 425w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/Tools-blog-425pxw.jpg?resize=247%2C300&amp;ssl=1 247w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><\/figure>\n<\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Supported by the simplified navigation, we\u2019ve built two new signposting pages. These work by chunking the content into themes and making the site easier to navigate. On them, you\u2019ll find collections of popular and important content.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In <a href=\"https:\/\/www.york.ac.uk\/it-services\/guides\/\">Guides and help<\/a>, you can find solutions to the most common queries, regardless of whether they are published on the CMS or another platform.<\/li>\n\n\n\n<li>In <a href=\"https:\/\/www.york.ac.uk\/it-services\/tools\/\">Tools, software and services<\/a>, you can find digital tools and support to enhance your work, study and research. We\u2019ve also implemented a searchable table, so you can quickly find what you need, rather than scrolling through a very long list.<\/li>\n<\/ul>\n\n\n\n<p>You\u2019ll also find signposts at the end of most of the newly launched pages, which lead to related content.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">4. Simple contact information<\/h3>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/_tKMukjUvMGr1QumuY4CfKWncNTsLqDxU8SyfKB6uFM96c5niUYNlO7-j74QFVVTTBYlFoYlUUk0emmO52F1QgVrgPRbrWU_k5V2lqjAvwh_mrUbZMJTiAbalnmKqh_GZeOhsYNwm-fA9UQL9SEbO6g\" width=\"802\" height=\"602\"><\/p>\n\n\n\n<p>IT queries can often be time-sensitive and therefore stressful. Think log-in issues or misbehaving technology amidst a looming deadline. Being able to contact IT Services is crucial.&nbsp;<\/p>\n\n\n\n<p>In our content audit, we discovered multiple web pages with contact information. Each of them slightly different. To make it clear and simple, we needed to streamline and tackle the redundant information.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Instead of duplicating the content across various pages, content now links to the contact page. Having one source of truth makes it much easier to update and helps everyone access accurate information.<\/li>\n\n\n\n<li>Embedded a contact form to make it more efficient to request support.<\/li>\n\n\n\n<li>Added a footer across the branch, signposting to the new contact page. It\u2019s common practice on web pages and helps us meet expectations.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">5. Get to know IT Services<\/h3>\n\n\n\n<p>In the original structure, there wasn\u2019t anywhere to shout about the impressive projects being led by IT Services or what they do. The <a href=\"https:\/\/www.york.ac.uk\/it-services\/about\/\">new About section<\/a> plugs this gap. It also appeals to prospective employees who want a sense of workplace culture.&nbsp;&nbsp;<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What\u2019s next?<\/strong><\/h2>\n\n\n\n<p>Phase two is another large piece of the puzzle. We\u2019re continuing to collaborate with IT Services and rebuild more content. We&#8217;ll be designing a service catalogue (a collection of all the tools they offer in a standardised usable format) as well as working on equipment, facilities and IT accessibility web pages. We\u2019ll iron out the details of this over the coming months, so watch this space for more shiny new content.&nbsp;&nbsp;<\/p>\n\n\n\n<p>After phase two, we\u2019ll be working on the IT security and training pages, and wrapping up the project.<\/p>\n\n\n\n<p>\ud83d\udc40 <strong>Fancy a nosey?<\/strong> Explore the changes so far at <a href=\"http:\/\/york.ac.uk\/it-services\">york.ac.uk\/it-services<\/a>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this major revamp, we&#8217;re making IT Services&#8217; web pages easier to use. As well as being some of our most popular sets of internal pages, they\u2019re also super complex. We\u2019ve gone back to the drawing board to investigate what users really want.<\/p>\n","protected":false},"author":240,"featured_media":1094,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[3,63,18,15,39,48],"class_list":["post-1078","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-cms","tag-content-strategy","tag-design","tag-digital","tag-user-experience-ux","tag-web"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2024\/04\/New-pages-blog-postHQ.jpg?fit=825%2C510&ssl=1","jetpack_sharing_enabled":true,"custom_fields":{"_edit_lock":["1761832472:7"],"_last_editor_used_jetpack":["block-editor"],"_thumbnail_id":["1094"]},"_links":{"self":[{"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/posts\/1078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/users\/240"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/comments?post=1078"}],"version-history":[{"count":0,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/posts\/1078\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/media\/1094"}],"wp:attachment":[{"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/media?parent=1078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/categories?post=1078"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/tags?post=1078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}