{"id":1052,"date":"2023-11-23T13:17:33","date_gmt":"2023-11-23T13:17:33","guid":{"rendered":"https:\/\/blogs.york.ac.uk\/communications\/?p=1052"},"modified":"2024-07-12T15:08:03","modified_gmt":"2024-07-12T14:08:03","slug":"making-change-happen-web-pages","status":"publish","type":"post","link":"https:\/\/blogs.york.ac.uk\/communications\/2023\/11\/23\/making-change-happen-web-pages\/","title":{"rendered":"Making change happen web pages"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In October, we launched a new set of web pages which bring together resources on change management for University teams. The project proved once again why content is key!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the <a href=\"https:\/\/www.york.ac.uk\/staff\/change\/\">Making change happen web pages<\/a> which we worked on with the People and Organisational Development (POD) team within HR.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Like all universities (and humans in general) we face changes big and small on a regular basis. These web pages and the resources they link to were compiled to help enable successful change at York.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This blog post is a quick case study of how the project went and why it went well.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The brief<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">First we had a solid brief to work from. In particular, we had a clear articulation of the business needs of the project from the POD team:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Increase change capability of leaders and managers<\/li>\n\n\n\n<li>Create shared understanding of what good change looks like<\/li>\n\n\n\n<li>Provide self-serve access to support and resources to enable good change<\/li>\n\n\n\n<li>Being able to approach the same set of resources from different perspectives<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Core user story<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">From those business needs, we created a user story to articulate in human terms the challenge to be solved:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">&#8220;As a manager or leader at the University, I need resources to help me implement a change within my team. I need to learn about change management at my own pace. I need to know about the fundamentals of change management and\/or and top up on areas I\u2019m less familiar with.\u201d<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Outputs<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">From those business needs and to meet the requirements of the user story, we and POD determined the outputs would be:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A framework of change principles for York and an approach that leads teams through key components of change<\/li>\n\n\n\n<li>A collated and curated set of resources that support development of behaviours and skills associated with change management<\/li>\n\n\n\n<li>Web presence providing self-serve access to support and resources<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Embracing the CMS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A key goal for the self-serve resources was being able to approach the same set of resources from different perspectives.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The original idea was to use fancy widgets and tagging functionality. The downside of this was that doing so would involve using another web platform (outside of our Web CMS). <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This would mean it wouldn\u2019t be part of our core website experience and would be harder to find and maintain over the long term. So we agreed sticking with the main Web CMS would be best. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our Digital team didn\u2019t have capacity to build any bespoke templates but we knew we could still create a good user experience with what we\u2019ve already got, because\u2026<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Content is key<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This project was all about putting content at the heart of it, by really thinking through structures and content format.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Structure planning&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The resources would need to appear across two main categories initially:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Change principles<strong> <\/strong>&#8211; such as how to share a vision or how to nurture innovation and ideas within a team<\/li>\n\n\n\n<li>Phases of change &#8211; relates to the phase of a change, from planning it through to embedding it into the daily life of a team<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">We looked at different ways we could use existing CMS content types and functionality. We decided building a hierarchy around the change categories and \u2018mirroring\u2019 the content would work well. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"731\" height=\"321\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Making-change-happen.jpeg?resize=731%2C321&#038;ssl=1\" alt=\"\" class=\"wp-image-1053\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Making-change-happen.jpeg?w=731&amp;ssl=1 731w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Making-change-happen.jpeg?resize=300%2C132&amp;ssl=1 300w\" sizes=\"auto, (max-width: 731px) 100vw, 731px\" \/><figcaption class=\"wp-element-caption\">Sitemap<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Content models<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Next we developed content models. This is a structured way of presenting content. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We got really familiar with the change management resources, so we could work out how we could present them in a neat, consistent and user friendly format.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We developed models for the three types of pages we would need. Our colleagues in POD used these models to compile and create the information we needed to form the web content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Category resources pages<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The purpose of these pages is to provide the resources in a concise and easy to understand way. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Each page has a brief introduction and key factors to set the scene. Each resource is a separate piece of content in the CMS which can then be mirrored as necessary to other category pages.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"661\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/2023-08-Change-blueprint-web-content-plan-Google-Docs-1-1024x661.png?resize=1024%2C661&#038;ssl=1\" alt=\"\" class=\"wp-image-1057\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/2023-08-Change-blueprint-web-content-plan-Google-Docs-1.png?resize=1024%2C661&amp;ssl=1 1024w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/2023-08-Change-blueprint-web-content-plan-Google-Docs-1.png?resize=300%2C194&amp;ssl=1 300w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/2023-08-Change-blueprint-web-content-plan-Google-Docs-1.png?resize=768%2C496&amp;ssl=1 768w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/2023-08-Change-blueprint-web-content-plan-Google-Docs-1.png?w=1142&amp;ssl=1 1142w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">The content model was mocked in Google Docs first<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"654\" height=\"960\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Shared-vision-Working-at-York-University-of-York-1.png?resize=654%2C960\" alt=\"Screenshot of the shared vision web page\" class=\"wp-image-1059\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Shared-vision-Working-at-York-University-of-York-1.png?w=654&amp;ssl=1 654w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Shared-vision-Working-at-York-University-of-York-1.png?resize=204%2C300&amp;ssl=1 204w\" sizes=\"auto, (max-width: 654px) 100vw, 654px\" \/><figcaption class=\"wp-element-caption\">The <a href=\"https:\/\/www.york.ac.uk\/staff\/working\/change\/principles\/shared-vision\/\">resources category page<\/a> shows the content model in action<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Category signposting page<\/strong>s<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">These pages introduce the main categories. We&#8217;ve used panels to link to the subcategories pages where the resources are housed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"939\" height=\"672\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Phases-of-change-Working-at-York-University-of-York-1-e1700745208385.png?resize=939%2C672\" alt=\"Screenshot of the phases of change web page\" class=\"wp-image-1055\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Phases-of-change-Working-at-York-University-of-York-1-e1700745208385.png?w=939&amp;ssl=1 939w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Phases-of-change-Working-at-York-University-of-York-1-e1700745208385.png?resize=300%2C215&amp;ssl=1 300w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Phases-of-change-Working-at-York-University-of-York-1-e1700745208385.png?resize=768%2C550&amp;ssl=1 768w\" sizes=\"auto, (max-width: 939px) 100vw, 939px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Landing page<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The landing page explains what the resources are for and how to use them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"745\" src=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Making-change-happen-Working-at-York-University-of-York-2-e1700745225448.png?resize=702%2C745\" alt=\"Screenshot of the making change happen landing page.\" class=\"wp-image-1056\" srcset=\"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Making-change-happen-Working-at-York-University-of-York-2-e1700745225448.png?w=702&amp;ssl=1 702w, https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/Making-change-happen-Working-at-York-University-of-York-2-e1700745225448.png?resize=283%2C300&amp;ssl=1 283w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Focus day<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Getting all our ducks in a row with the content planning meant the build was easy and fun!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I worked with my brilliant and super helpful colleague, Reena, to build and edit the content in the CMS. We did this all in one day. It was so good to be able to focus on one project all day. And we got it all done!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Review and sign off<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After that we had one round of stakeholder feedback and then a final sign off meeting. Content changes during review and sign off were minimal, thanks in large part to the content modelling stage earlier in the process. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our stakeholders were really pleased with the process we\u2019d supported them through and the end result.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What\u2019s next?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For the next phase, we\u2019ll be working with the Strategic Planning and Performance team and IT Services to migrate more resources into the new framework we\u2019ve developed.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We\u2019ll also be adding short quotes and testimonials from leaders and managers who have used the resources for a change in their team. We\u2019re looking forward to seeing these and hearing about how useful the resources are in practice.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In October, we launched a new set of web pages which bring together resources on change management for University teams. The project proved once again why content is key! Here are the Making change happen web pages which we worked on with the People and Organisational Development (POD) team within HR. Like all universities (and [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":1058,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[3,38,63,15,48],"class_list":["post-1052","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-cms","tag-content","tag-content-strategy","tag-digital","tag-web"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blogs.york.ac.uk\/communications\/wp-content\/uploads\/sites\/4\/2023\/11\/change-main-image.png?fit=1280%2C577&ssl=1","uoy_author":{"name":"Tasha Kidd","bio":"","image":{"src":"https:\/\/secure.gravatar.com\/avatar\/?s=200&d=mm&r=g","width":200,"height":200,"alt":""}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/posts\/1052","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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/comments?post=1052"}],"version-history":[{"count":0,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/posts\/1052\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/media\/1058"}],"wp:attachment":[{"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/media?parent=1052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/categories?post=1052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.york.ac.uk\/communications\/wp-json\/wp\/v2\/tags?post=1052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}