<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>UX &#8211; Imran Hussain</title>
	<atom:link href="https://imranhussain.uk/tag/ux/feed/" rel="self" type="application/rss+xml" />
	<link>https://imranhussain.uk</link>
	<description>Community Consultant</description>
	<lastBuildDate>Fri, 12 Dec 2025 21:12:56 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://ml74skmhu1wu.i.optimole.com/w:32/h:32/q:mauto/f:best/dpr:2/https://imranhussain.uk/wp-content/uploads/2024/02/cropped-ih-logo-1.png</url>
	<title>UX &#8211; Imran Hussain</title>
	<link>https://imranhussain.uk</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>A recipe for service patterns</title>
		<link>https://imranhussain.uk/a-recipe-for-service-patterns/</link>
					<comments>https://imranhussain.uk/a-recipe-for-service-patterns/#respond</comments>
		
		<dc:creator><![CDATA[Imran Hussain]]></dc:creator>
		<pubDate>Fri, 12 Dec 2025 21:11:20 +0000</pubDate>
				<category><![CDATA[community]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[facilitation]]></category>
		<category><![CDATA[service patterns]]></category>
		<category><![CDATA[Workshop]]></category>
		<category><![CDATA[co-design]]></category>
		<category><![CDATA[collaboration]]></category>
		<category><![CDATA[Community]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[Government]]></category>
		<category><![CDATA[Govstack]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://imranhussain.uk/?p=645</guid>

					<description><![CDATA[I’ve been helping the Govstack UI/UX Working Group over the last few weeks. They have been focused on building an international service pattern library for governments around the world. It is a very ambitious project, and one where they plan to provide the tech stack that underpins the design work too. I wanted to get&#8230;&#160;<a href="https://imranhussain.uk/a-recipe-for-service-patterns/" rel="bookmark">Read More &#187;<span class="screen-reader-text">A recipe for service patterns</span></a>]]></description>
										<content:encoded><![CDATA[
<p class=""></p>



<p class="">I’ve been helping the Govstack UI/UX Working Group over the last few weeks. They have been focused on building an international service pattern library for governments around the world. It is a very ambitious project, and one where they plan to provide the tech stack that underpins the design work too. I wanted to get involved, so that I could learn what I could for the UK public sector, and bring some of the experience back with me.</p>



<p class="">Laurence Berry, Stefan Draskic and Betty Mwema, reached out and wanted to collaborate on some sessions and community strategy. I was excited to help as I love running co-design sessions, they are some of the most interesting and interactive types of session you will see. For this round of service pattern creation, we planned to run two hack days. We’d have liked to run more frequent, shorter events that were more spread out, but timelines were constrictive and didn’t allow for that.</p>



<h2 class="wp-block-heading">Planning for the hack days&nbsp;</h2>



<p class="">Betty and Laurence had already put some service patterns together for Govstack. I was keen to dig into their methodology, learn from it, and see if I could add to it. I spent some time digging into the Govstack context, understanding the brief, understanding the timelines, and what we needed to put the service patterns together. There’s two things I realised:</p>



<p class="">Someone with good systems thinking knowledge has to compile the service pattern; it is hard to process that much knowledge and make it look simple. Quite often that is the work right there, making the complex look simple and straightforward.</p>



<p class="">The workshops I was creating needed to take into account elements with which you create a service pattern. Almost like ingredients for a recipe. Talking to Betty and Laurence &#8211; the ingredients were:</p>



<ul class="wp-block-list">
<li class="">Some real life collaboration with public sector people where the pattern is needed</li>



<li class="">Information about the end users and what their needs are</li>



<li class="">Information about more fringe users within their context</li>



<li class="">An example flow that meets multiple needs</li>



<li class="">Usability considerations from a service designer’s perspective</li>
</ul>



<h2 class="wp-block-heading">Running the hackdays</h2>



<p class="">It is quite a lot of information to gather, and not easy to run a fun session whilst we were doing it. On hackday 1 we explored three patterns: <strong>GovChat, scheduling and admin interfaces</strong>. It was an action-packed session, where we had a lot to get through to get all the information in the ingredients list above.&nbsp;</p>



<p class="">I wanted to give people plenty of time to work on all aspects of the service pattern, so hackday 1 was scheduled as a full-day 4-hour event. The day shaped up like this:</p>



<ul class="wp-block-list">
<li class="">Intro to Govstack and service patterns</li>



<li class="">split into three tracks to work in groups on each pattern simultaneously:
<ul class="wp-block-list">
<li class="">Share real-life examples</li>



<li class="">Compare your real-life users’ to prototype personas</li>



<li class="">Map the “happy path” of the service pattern</li>



<li class="">Map alternative paths and edge cases</li>



<li class="">Reflect on what’s needed to use the pattern</li>
</ul>
</li>



<li class="">We got back together towards the end of the session to play back each tracks’ work, and celebrate the successes <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></li>
</ul>



<p class="">Betty, Laurence and Stefan did a bit of a <a href="https://aservicepatternlanguage.substack.com/p/service-pattern-hack-day-1-recap">summary of the first hack on their Substack (link)</a>.</p>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" width="1010" height="497" src="https://ml74skmhu1wu.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2025/12/image-1.avif" alt="A screenshot of a Mural board from the first Service Pattern hackday. It shows the cursors of Betty Mwema and Deborah Olagoke browsing several activities on the board. The board is populated with virtual sticky notes and persona cards." class="wp-image-647" style="width:700px" srcset="https://ml74skmhu1wu.i.optimole.com/w:1010/h:497/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2025/12/image-1.avif 1010w, https://ml74skmhu1wu.i.optimole.com/w:300/h:148/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2025/12/image-1.avif 300w, https://ml74skmhu1wu.i.optimole.com/w:768/h:378/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2025/12/image-1.avif 768w" sizes="(max-width: 1010px) 100vw, 1010px" /><figcaption class="wp-element-caption">The Mural whiteboard used for the Service Pattern Hackday #1.</figcaption></figure>



<p class="">I switched things up for the second session, as we shortened it to a 2.5 hour session. We wanted to work on two patterns per person, so I had to design a session that was a bit more lightweight. The second session tackled <strong>e-signature, wallet and payments</strong> patterns.&nbsp;</p>



<p class="">There had already been a bit of a GovStack session on the payments pattern, so we were able to stress-test the prototype in this second hackday. It was a fun way to stress-test it and find the gaps in the pattern.</p>



<p class="">It shaped up like this:</p>



<ul class="wp-block-list">
<li class="">Intro to Govstack and service patterns</li>



<li class="">split into two tracks to work in groups on either e-signature or wallet pattern simultaneously:
<ul class="wp-block-list">
<li class="">Compare your real-life users’ to prototype personas</li>



<li class="">Map the “happy path” of the service pattern</li>



<li class="">Map alternative paths and edge cases</li>



<li class="">Reflect on what’s needed to use the pattern</li>
</ul>
</li>



<li class="">Short playback</li>



<li class="">Comfort break</li>



<li class="">Regroup for pattern smashing on the payments pattern:
<ul class="wp-block-list">
<li class="">Intro context and flow of prototype pattern</li>



<li class="">Discuss whether the pattern resonates with your working context</li>



<li class="">Throw scenarios at the pattern to try and break it</li>



<li class="">Playback</li>
</ul>
</li>



<li class="">Wrap-up the session and celebrate</li>
</ul>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="510" src="https://ml74skmhu1wu.i.optimole.com/w:1024/h:510/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2025/12/image.avif" alt="Screenshot of a Mural whiteboard showing a basic journey of a payments service pattern, annotated with dozens of sticky notes." class="wp-image-646" style="width:700px" srcset="https://ml74skmhu1wu.i.optimole.com/w:1024/h:510/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2025/12/image.avif 1024w, https://ml74skmhu1wu.i.optimole.com/w:300/h:149/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2025/12/image.avif 300w, https://ml74skmhu1wu.i.optimole.com/w:768/h:382/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2025/12/image.avif 768w, https://ml74skmhu1wu.i.optimole.com/w:1135/h:565/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2025/12/image.avif 1135w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">A Mural whiteboard from the Service Pattern Hackday #2, pattern smashing section of the session.</figcaption></figure>



<h2 class="wp-block-heading">What’s next?</h2>



<p class="">The Govstack UX/UI working group are going to get together and comb through all the information and user scenarios we gathered during the hacks. They will analyse and group all the information, and use the output to develop prototype patterns. These patterns will be well-evidenced from all the information gathered over months working with the community. However, it’s hard to plan for all eventualities, and there will inevitably be some gaps, or scenarios that the service pattern doesn’t resolve.</p>



<p class="">So, is that the end of the co-design? No. We need to look for further feedback and iteration once we have the prototype patterns. We want to make the service patterns as robust as possible, so looking for gaps and branching journeys is a natural follow on from this phase of work. We might get the chance to run some more pattern smashing sessions, which would be a really fun way forward.</p>



<h2 class="wp-block-heading">What I learnt from the process</h2>



<p class=""><strong>It’s not easy building service patterns.</strong> There are so many scenarios and technicalities to think about. You have to be really focused and single-minded to get anywhere. Some of the information you need comes from others, so it is a factor out of your control.</p>



<p class=""><strong>You can only gain from the people that you have gathered.</strong> As stated above, some of what you need is extracted from the audience present. So it is somewhat out of your control. You have to hope you are able to gather the correct people to represent a number of different user and service scenarios. Otherwise, you will need to go back out three or four times, until you get a requisite amount of research to make the pattern robust.</p>



<p class=""><strong>Less is more.</strong> The more you discuss different user scenarios, the less detailed the service pattern becomes. This sounds unusual, but there are fewer common touchpoints, the more broad you go with user use-cases. A service pattern needs to be somewhat zoomed out to make it more applicable to different contexts.</p>



<p class="">But also, <strong>more is more.</strong> Whilst you need a zoomed out service pattern, you need to have enough information for the pattern to be useful. This is why you will see sub-patterns and different branches of journeys with some service patterns. Govstack go further than this by mapping and providing the underlying tech needed to deliver the service too.</p>



<p class=""><strong>Context is critical.</strong> It is not simply about what level of zoom is useful, the context of the service is important too. There will be no universal service patterns, as the use cases in different countries and different sectors are so different. Ultimately, you will need different subsets of service pattern for different situations and sectors. This is probably reflected in the number of groups investigating service patterns out there. I think everyone is better of collaborating and sharing user scenarios, rather than flying solo. I will be recommending that GovStack join up with some of the other groups and collaborate where they can.</p>



<p class="">A co-designed library needs <strong>consistency and a contribution model</strong>. This is so that iteration can happen on service patterns over time. A standardised model will also help build consistency in the quality of the patterns longer term. I talked about the ingredients for a service pattern above, this would be the recipe to help deliver it.</p>



<p class="">Do you have an ingredients list or recipe for service patterns? If you have developed them, hit us up in the comments or via the<a href="https://join.slack.com/t/govstack/shared_invite/zt-3l7uycfs1-~rGl0g7pV1mH~~1_ZTYQeA" data-type="link" data-id="https://join.slack.com/t/govstack/shared_invite/zt-3l7uycfs1-~rGl0g7pV1mH~~1_ZTYQeA"> GovStack Slack [link]</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://imranhussain.uk/a-recipe-for-service-patterns/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Remembering Vicky Teinaki</title>
		<link>https://imranhussain.uk/remembering-vicky-teinaki/</link>
					<comments>https://imranhussain.uk/remembering-vicky-teinaki/#comments</comments>
		
		<dc:creator><![CDATA[Imran Hussain]]></dc:creator>
		<pubDate>Mon, 13 Jan 2025 13:39:15 +0000</pubDate>
				<category><![CDATA[community]]></category>
		<category><![CDATA[GovDesign]]></category>
		<category><![CDATA[In memory]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[UK GovCamp 2025]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Vicky Teinaki]]></category>
		<guid isPermaLink="false">https://imranhussain.uk/?p=556</guid>

					<description><![CDATA[As someone who worked with her, I was shocked to learn that Vicky Teinaki passed away late last week. The news has left me reeling, and reflecting on my own life. We&#8217;re hoping to do a tribute to Vicky as part of UK GovCamp, which she was planning to attend. I started to draft a&#8230;&#160;<a href="https://imranhussain.uk/remembering-vicky-teinaki/" rel="bookmark">Read More &#187;<span class="screen-reader-text">Remembering Vicky Teinaki</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="">As someone who worked with her, I was shocked to learn that Vicky Teinaki passed away late last week. The news has left me reeling, and reflecting on my own life.</p>



<p class="">We&#8217;re hoping to do a tribute to Vicky as part of UK GovCamp, which she was planning to attend. I started to draft a message for the opening ceremony, which I have found cathartic as it is helping me process my feelings.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="">I’m sorry to be the bearer of bad news, in case you haven’t heard, but a dear member of the community passed away last week in Vicky Teinaki.</p>



<p class="">Vicky, or Vi-y, as she was affectionately known in the North East, was a catalyst for design and the public sector. She was not only a friend, but an inspiration and hero of mine, as she will have been to many others.</p>



<p class="">She was kind, humble, witty, knowledgeable, thoughtful, hard-working, curious and prolific at whatever she set her mind to. When I first met her, I thought she was a content designer because of the amount of writing she did online. Turns out it was one one of her many skills; she was an interaction designer, former developer, design researcher, champion colourist, accomplished live tweeter, and keen traveller.</p>



<p class="">She had a voracious appetite for knowledge, reading more than anyone else I knew. She had the uncanny ability to process that knowledge and apply it to whatever she was working on. Her brain was truly a marvel.</p>



<p class="">We got to work quite closely together as part of the GOV.UK Design System. She was so generous with her time and her work had a huge impact in making things better for citizens. She was a frequent contributor, a key part of our working group, and frequent speaker at our events &#8211; such as Design System Day. In fact, Vicky so frequently spoke at our events, that our team joked that there was a permanent “Vicky Teinaki slot” in our event schedule.</p>



<p class="">Vicky was so capable, that she could have been very well compensated for her work if she were a bit more mercenary. But she chose her roles based on the impact she could have on the public sector, and how much she could help citizens. A testament to her values and integrity.</p>



<p class="">She was a natural leader. Someone who drew you in with their passion and enthusiasm for their work, whilst being humble with the amount of knowledge she possessed. And she was a tireless advocate for everyone else too. She often tweeted about the importance community management, put me forward for talks, and turned up to my talks to live tweet them (back when Twitter wasn’t sh*t).</p>



<p class="">Amanda Smith, used the phrase #GovCrush a few years ago, to describe people whose public sector work you admired from afar. Vicky was my first GovCrush. She made me feel excited about working in the public sector.</p>



<p class="">I just wanted a bit more time with Vicky y’know. The public sector and design world has lost a remarkable woman. She will be sorely missed.</p>


<div class="taxonomy-post_tag wp-block-post-terms"><a href="https://imranhussain.uk/tag/govdesign/" rel="tag">GovDesign</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/in-memory/" rel="tag">In memory</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/ui/" rel="tag">UI</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/uk-govcamp-2025/" rel="tag">UK GovCamp 2025</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/ux/" rel="tag">UX</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/vicky-teinaki/" rel="tag">Vicky Teinaki</a></div>


<p class=""></p>
]]></content:encoded>
					
					<wfw:commentRss>https://imranhussain.uk/remembering-vicky-teinaki/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Getting back to making</title>
		<link>https://imranhussain.uk/getting-back-to-making/</link>
					<comments>https://imranhussain.uk/getting-back-to-making/#respond</comments>
		
		<dc:creator><![CDATA[Imran Hussain]]></dc:creator>
		<pubDate>Mon, 25 Nov 2024 13:30:07 +0000</pubDate>
				<category><![CDATA[community]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[Workshop]]></category>
		<category><![CDATA[co-design]]></category>
		<category><![CDATA[collaboration]]></category>
		<category><![CDATA[design system]]></category>
		<category><![CDATA[Design System Day]]></category>
		<category><![CDATA[DSDay]]></category>
		<category><![CDATA[GDS]]></category>
		<category><![CDATA[GOV.UK]]></category>
		<category><![CDATA[Government]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[hackathon]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://imranhussain.uk/?p=496</guid>

					<description><![CDATA[The third Design System Day of 2024 (#DSDay24) is happening this Thursday, on 28 November, and I&#8217;m very excited. My team and I are running it as a hackathon, which is a healthy change of pace from the structure of the other #DSDay24 events. Running the first two conferences was fun, but they took a&#8230;&#160;<a href="https://imranhussain.uk/getting-back-to-making/" rel="bookmark">Read More &#187;<span class="screen-reader-text">Getting back to making</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="">The third Design System Day of 2024 (#DSDay24) is happening this Thursday, on 28 November, and I&#8217;m very excited. My team and I are running it as a hackathon, which is a healthy change of pace from the structure of the other #DSDay24 events.</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="683" src="https://ml74skmhu1wu.i.optimole.com/w:1024/h:683/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/00154Design-system-day.jpg" alt="Kelly Lee, Delivery Manager and Trang Erskine, Product Manager introduce Design System Day 2024 on stage at St.George's Hall in Liverpool." class="wp-image-515" style="width:700px" srcset="https://ml74skmhu1wu.i.optimole.com/w:1024/h:683/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/00154Design-system-day-scaled.jpg 1024w, https://ml74skmhu1wu.i.optimole.com/w:300/h:200/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/00154Design-system-day-scaled.jpg 300w, https://ml74skmhu1wu.i.optimole.com/w:768/h:512/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/00154Design-system-day-scaled.jpg 768w, https://ml74skmhu1wu.i.optimole.com/w:1536/h:1024/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/00154Design-system-day-scaled.jpg 1536w, https://ml74skmhu1wu.i.optimole.com/w:1619/h:1080/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/00154Design-system-day-scaled.jpg 2048w, https://ml74skmhu1wu.i.optimole.com/w:930/h:620/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/00154Design-system-day-scaled.jpg 930w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Kicking off Design System Day at St Georges Hall</figcaption></figure>



<p class="">Running the first two conferences was fun, but they took a long time to plan. As with any large face-to-face event, there were logistical challenges and a significant amount of red-tape to get through. Running a smaller event, from a GDS office allows us to bypass a lot of this and put something together quickly.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="">Honestly, paperwork and approvals shouldn&#8217;t change the type of events we run, but the planning phases for this year&#8217;s #DSDay24 events stretched way longer than they needed to.</p>
</blockquote>



<p class="">We re-assessed and updated our the design system&#8217;s community strategy recently. On reflection, we realised that the larger events have limited what we have been able to run for the community, and there is a sense we can deliver better value for the time invested. Delivering value for taxpayers&#8217; money is the bottom-line at the end of the day, so a switch to a different way of doing things was necessary. Running smaller, more frequent events allow us to be more dynamic and responsive to the users&#8217; needs. </p>



<h2 class="wp-block-heading">Back to co-design</h2>



<p class="">This situation is really timely, as I&#8217;ve been meaning to get back to creating things with the community. The co-design experiments I ran a few years ago were challenging and knotty, but allowed me to work directly with designers and developers across government and the public sector. This year has left me pining for some of that direct contact with the users our team serves. </p>



<p class="">#DSDay24 events thus far were community-led, and I worked with a lot of community members on the session format, content and themes. But essentially, our team provided a physical platform for the community to show off their skills and knowledge. All the heavy lifting was done by talented individuals, who are part of our community. All we did was create space for this brilliance to happen.</p>



<p class="">Right now, having sessions where we are more in control of the planning and can deliver to shorter timescales, seems a better fit. A variety of events has kept our user base interested over the past couple of years and we hope we can add some variety to this year too.</p>



<h2 class="wp-block-heading">Organised chaos</h2>



<p class="">We&#8217;re running the third Design System Day as a hack day. The theme is bringing the design systems in government closer together. This is something I&#8217;ve been talking about for a while now, but we haven&#8217;t had capacity on the team to prioritise this. I&#8217;m glad it&#8217;s something we can swarm on as a community, and get done collaboratively.</p>



<p class="">In the time since this has come up in community discussions (around a year), there are version of this that have sprung up in the wild.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="584" data-id="523" src="https://ml74skmhu1wu.i.optimole.com/w:1024/h:584/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.36.21.png" alt="Home page of the X-Gov site, maintained by Frankie Roberto, Paul Lloyd and Paul Hayes" class="wp-image-523" srcset="https://ml74skmhu1wu.i.optimole.com/w:1024/h:584/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.36.21.png 1024w, https://ml74skmhu1wu.i.optimole.com/w:300/h:171/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.36.21.png 300w, https://ml74skmhu1wu.i.optimole.com/w:768/h:438/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.36.21.png 768w, https://ml74skmhu1wu.i.optimole.com/w:1536/h:875/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.36.21.png 1536w, https://ml74skmhu1wu.i.optimole.com/w:1895/h:1080/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.36.21.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="584" data-id="524" src="https://ml74skmhu1wu.i.optimole.com/w:1024/h:584/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.37.27.png" alt="The X-Gov site, maintained by Frankie Roberto, Paul Lloyd and Paul Hayes, lists other design systems, prototyping and frontend tools" class="wp-image-524" srcset="https://ml74skmhu1wu.i.optimole.com/w:1024/h:584/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.37.27.png 1024w, https://ml74skmhu1wu.i.optimole.com/w:300/h:171/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.37.27.png 300w, https://ml74skmhu1wu.i.optimole.com/w:768/h:438/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.37.27.png 768w, https://ml74skmhu1wu.i.optimole.com/w:1536/h:875/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.37.27.png 1536w, https://ml74skmhu1wu.i.optimole.com/w:1895/h:1080/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.37.27.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="764" height="1024" data-id="522" src="https://ml74skmhu1wu.i.optimole.com/w:764/h:1024/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.40.33.png" alt="Arindra Das, shows off a tool he created to compare patterns and components across public sector design systems" class="wp-image-522" srcset="https://ml74skmhu1wu.i.optimole.com/w:764/h:1024/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.40.33.png 764w, https://ml74skmhu1wu.i.optimole.com/w:224/h:300/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.40.33.png 224w, https://ml74skmhu1wu.i.optimole.com/w:768/h:1029/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.40.33.png 768w, https://ml74skmhu1wu.i.optimole.com/w:805/h:1080/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.40.33.png 1146w, https://ml74skmhu1wu.i.optimole.com/w:806/h:1080/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/Screenshot-2024-11-25-at-12.40.33.png 1212w" sizes="(max-width: 764px) 100vw, 764px" /></figure>
<figcaption class="blocks-gallery-caption wp-element-caption">x-govuk.github.io and Arindra Das find ways to present patterns and components from different design systems.</figcaption></figure>



<div style="height:36px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="">It may seem like the topic has been dictated by the team, and that the community has had less input on topic. However, this was taken from our <a href="https://govukdesignsystem.padlet.org/ImHuYorks/design-system-assembly-tj20dt70t9ievx48">priority list from the Government Design System Assembly (board here)</a>, which is a collection of teams who run design systems in government. All of the members of this group are not only community members, but key stakeholders that the GOV.UK Design System is looking to foster relationships with.</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="682" src="https://ml74skmhu1wu.i.optimole.com/w:1024/h:682/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/GDSA.png" alt="Sticker for the Government Design Assembly created by Kelly Lee" class="wp-image-521" style="width:700px" srcset="https://ml74skmhu1wu.i.optimole.com/w:1024/h:682/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/GDSA.png 1024w, https://ml74skmhu1wu.i.optimole.com/w:300/h:200/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/GDSA.png 300w, https://ml74skmhu1wu.i.optimole.com/w:768/h:512/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/GDSA.png 768w, https://ml74skmhu1wu.i.optimole.com/w:1536/h:1024/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/GDSA.png 1536w, https://ml74skmhu1wu.i.optimole.com/w:930/h:620/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/GDSA.png 930w, https://ml74skmhu1wu.i.optimole.com/w:1620/h:1080/q:mauto/f:best/https://imranhussain.uk/wp-content/uploads/2024/11/GDSA.png 1772w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="">The hack will be interactive on the day, with attendees expected to help shape the problem space and design solutions as well. The stages of the day have been planned: sharing user needs, ideation, feedback, and show and tell. However, user needs will be defined on the day, groups will be formed based on attendees&#8217; priorities, and any output will be based on how people navigate the challenges on the day.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="">It could be chaos. But it will be exciting for sure.</p>
</blockquote>



<p class="">I have run designathons and co-design sessions like this before. You can&#8217;t reliably estimate what kind of output you will get from a hack like this. But based on the plan, we will gain a bunch of user research, some prioritisation from the community, and a variety initial prototypes from a bunch of very talented designers. Which sounds like a very productive day to me.</p>



<p class="">We&#8217;ll see how it goes. The plan is to iterate the format and run a number of other hacks on different topics throughout the next year.</p>


<div class="taxonomy-post_tag wp-block-post-terms"><a href="https://imranhussain.uk/tag/co-design/" rel="tag">co-design</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/collaboration/" rel="tag">collaboration</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/design-system/" rel="tag">design system</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/design-system-day/" rel="tag">Design System Day</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/dsday/" rel="tag">DSDay</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/gds/" rel="tag">GDS</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/gov-uk/" rel="tag">GOV.UK</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/government/" rel="tag">Government</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/hack/" rel="tag">hack</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/hackathon/" rel="tag">hackathon</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/ui/" rel="tag">UI</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/ux/" rel="tag">UX</a></div>]]></content:encoded>
					
					<wfw:commentRss>https://imranhussain.uk/getting-back-to-making/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How Design System Day makes our community stronger</title>
		<link>https://imranhussain.uk/how-design-system-day-makes-our-community-stronger/</link>
					<comments>https://imranhussain.uk/how-design-system-day-makes-our-community-stronger/#respond</comments>
		
		<dc:creator><![CDATA[Imran Hussain]]></dc:creator>
		<pubDate>Thu, 31 Oct 2024 17:15:00 +0000</pubDate>
				<category><![CDATA[community]]></category>
		<category><![CDATA[community values]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[collaboration]]></category>
		<category><![CDATA[Community design]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[design system]]></category>
		<category><![CDATA[GDS]]></category>
		<category><![CDATA[GOV.UK]]></category>
		<category><![CDATA[Government]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://imranhussain.uk/?p=472</guid>

					<description><![CDATA[An active community is essential to the&#160;GOV.UK Design System. We are a contribution based design system, so continually growing and engaging the community is essential.&#160; Functioning communities do not run themselves, especially those that actively ‘create’ together. That’s where a community designer, like myself, comes in; to build relationships with our users, find out their&#8230;&#160;<a href="https://imranhussain.uk/how-design-system-day-makes-our-community-stronger/" rel="bookmark">Read More &#187;<span class="screen-reader-text">How Design System Day makes our community stronger</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="">An active community is essential to the&nbsp;<a href="https://youtu.be/MMfqMSPKGj4?si=rX-ZW9LV1RKze0BE">GOV.UK Design System</a>. We are a contribution based design system, so continually growing and engaging the community is essential.&nbsp;</p>



<p class="">Functioning communities do not run themselves, especially those that actively ‘create’ together. That’s where a community designer, like myself, comes in; to build relationships with our users, find out their needs, and work with the team to design solutions. I’m there after things have gone live too, checking that things have landed as intended, feeding back to the team if they haven’t. A community designer is there for the whole user journey but where the community is the service.</p>



<p class="">As a team, we’ve been doing collaborative design for a few years and continue to iterate on our processes. When I joined the team, user research showed that users wanted more visibility of our roadmap and decision-making processes.</p>



<p class="">We’ve been working for years to break these problems down. Part of the solution was the community values we introduced to the team in 2022:</p>



<figure class="wp-block-image"><img decoding="async" src="https://gds.blog.gov.uk/wp-content/uploads/sites/60/2024/10/DSD-blog-asset-31.10.24-620x413.png" alt="The GOV.UK Design System’s community facing values: Be open, Be inviting, Transfer power, Educate, Show gratitude" class="wp-image-36151"/></figure>



<p class="">We try to embody these values whenever we interact with our community. That could be on support channels, on monthly calls, workshops and conferences.</p>



<h2 class="wp-block-heading">Design System Day</h2>



<p class="">Design System Day is our annual flagship conference. It started as a way to pick our community up after the summer lull, and it’s proving really effective at doing that. If we have one big-bang event for the year, this is it.</p>



<p class="">We’ve endeavoured to make all forms of contribution more participatory, experimenting with co-design, running open design workshops, crits, and testing sessions. This requires a lot of engagement work and a highly motivated, switched on community. During summer, when people take holidays and spend time with children during their school break, the appetite for extra-curricular activity is muted.</p>



<p class="">We use Design System Day as a re-energiser for the community, it brings focus back onto the design system’s collaborative work and draws even more eyes to our community. The event perfectly aligns with our open-source contribution model and with our community values.</p>



<h2 class="wp-block-heading">Be Open</h2>



<p class="">The&nbsp;<a href="https://design-system.service.gov.uk/">GOV.UK Design System</a>&nbsp;is an open-source platform and the team&nbsp;<a href="https://design-system.service.gov.uk/community/roadmap/">share our roadmap</a>&nbsp;online. We do regular show and tells at our monthly calls, and we follow this up with a larger showcase at our events.</p>



<p class="">Here’s our showcase from the first Design System Day event earlier this year:</p>



<figure class="wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube"><div class="wp-block-embed__wrapper">
<div class="nv-iframe-embed"><iframe loading="lazy" title="Design System Day 2024: Future of the GOV.UK Design System" width="1200" height="675"  src="about:blank" data-opt-src="https://www.youtube.com/embed/_gSZJrqLnYY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
</div></figure>



<p class="">And we encourage the community to share what they are working on too.&nbsp;</p>



<h2 class="wp-block-heading">Be Inviting</h2>



<p class="">Our community work is all about making people feel that we want active participation in our design system. We have a collaborative philosophy and welcome input in sessions throughout the year. We consider contribution to be anything that helps bolster our community and make it better. This can be attending an event, giving an answer during a discussion, spotting a spelling mistake on our site, sharing how you used a component, through to contributing a new component or pattern.</p>



<figure class="wp-block-image"><img decoding="async" src="https://gds.blog.gov.uk/wp-content/uploads/sites/60/2024/10/DSD-blog-Greg-Macoy-Matchstick-Creative-620x413.jpg" alt="Greg MaCoy from Matchstick Creative gives his talk on stage at Design System Day. He stands on stage in front of a large screen, showing his picture and title of his talk. The world on your doorstep: Local services with global values." class="wp-image-36150"/><figcaption class="wp-element-caption">Greg Macoy, presenting at Design System Day 2024.</figcaption></figure>



<p class="">Design System Day is essentially a celebration and showcase of our community. We had an open call for speakers and almost all (9 of 10) speakers came from this call for speakers. We also invited Greg Macoy, a local speaker from Liverpool to speak about working with local charities and making positive change in the area. We like to pay tribute to the city we host in, and talking about local user needs is one way we do that.</p>



<h2 class="wp-block-heading">Transfer Power</h2>



<p class="">To stop our design system being too top-down, it is important to hand over some decision-making authority to our community. After all, most of the components and patterns that sit in our product are contributed by external users. We have an impartial, external panel of experts that make up the GOV.UK Design System Working Group, that have the final say on whether components and patterns are ready to launch. We also now co-design all our components and patterns, running collaborative kick-off sessions, ideations, crits and launches.</p>



<p class="">Design System Day helps that process of transferring power. It is our highlight event of the year, and that’s why we insist on putting our community members front and centre. We essentially create a stage for our community to showcase their work and skills. Every talk is user-pitched, drafted and delivered; much like any other contribution to the design system. The agenda is shaped by the community, for the community, and we love being able to give people that agency.</p>



<h2 class="wp-block-heading">Educate</h2>



<p class="">As with any good community of practitioners, we want members to learn new things from being part of the community. Whether chatting on Slack, sharing examples on Github, or discussing in one of our monthly chats, our community members have the ability to make new connections and share best practice.<br><br>We encourage collaboration, and one thing that we hope to see is community members working together on new projects and achieving something collectively. On Design System Day, we were lucky to have sustainability lead Ishmael Burdeau talk to us about his drive for services to have public sustainability statements. You can watch Ishmael’s talk here:</p>



<figure class="wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube"><div class="wp-block-embed__wrapper">
<div class="nv-iframe-embed"><iframe loading="lazy" title="Closing keynote - Using the Design System to fight the climate emergency" width="1200" height="675"  src="about:blank" data-opt-src="https://www.youtube.com/embed/3CU__aQFeC0?list=PL5tovFCB3CsAGIPmLW1mUCWeYPEtsMbr4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
</div></figure>



<p class="">We hope it inspires you to take action in your service. You can join the&nbsp;<a href="https://www.civilserviceenvironmentnetwork.org/">Civil Service Climate and Environment Network</a>&nbsp;and discuss on the&nbsp;<a href="https://ukgovernmentdigital.slack.com/">Cross-Government Slack</a> channels&nbsp;<strong>#sustainability</strong>&nbsp;and&nbsp;<strong>#green-software-development</strong>.</p>



<h2 class="wp-block-heading">Show Gratitude</h2>



<p class="">We like to say thank you to our community members for the hard work they put into making our product great. We put together stickers, credit people in release notes and send thank you messages to our speakers.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image"><img decoding="async" src="https://gds.blog.gov.uk/wp-content/uploads/sites/60/2024/10/Design-System-stickers-1-620x343.jpg" alt="Two stickers made for the GOV.UK Design System Working Group. One shows design elements of a service: text, button, radio and checkmark, with text saying Working Group member. The other shows a laptop with a completed service, saying Working Group Alumni." class="wp-image-36152" style="object-fit:cover"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%">
<figure class="wp-block-image alignfull"><img decoding="async" src="https://gds.blog.gov.uk/wp-content/uploads/sites/60/2024/10/DSD-sticker-3-620x621.png" alt="A sticker with multiple squares in its design, it plays on the GDS moniker with GOV.UK Design System." class="wp-image-36153"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image is-resized"><img decoding="async" src="https://gds.blog.gov.uk/wp-content/uploads/sites/60/2024/10/DSD-Thank-You-sticker-2-620x378.png" alt="A sticker saying thank you in the blue text style of Design System Day 2024." class="wp-image-36154" style="width:auto;height:200px"/></figure>
</div>
</div>



<p class="">Design System Day is another contribution to the design system, and we love when people take part. <br><br>There’s another opportunity to get involved with our community, a <strong>Design System ‘hack’ Day</strong> is coming up on <strong>Thursday 28 November 2024</strong> with tickets on sale from the week of Monday 4 November 2024. <a href="https://design-system.service.gov.uk/community/design-system-day-2024/">Find out more here</a>.</p>



<p class="">This post has been duplicated from the <a href="https://gds.blog.gov.uk/2024/10/31/how-design-system-day-makes-our-community-stronger/">GDS blog</a>.</p>



<p class=""></p>


<div class="taxonomy-post_tag wp-block-post-terms"><a href="https://imranhussain.uk/tag/collaboration/" rel="tag">collaboration</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/community-design/" rel="tag">Community design</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/community-values/" rel="tag">community values</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/conference/" rel="tag">conference</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/design-system/" rel="tag">design system</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/gds/" rel="tag">GDS</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/gov-uk/" rel="tag">GOV.UK</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/government/" rel="tag">Government</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/ui/" rel="tag">UI</a><span class="wp-block-post-terms__separator">, </span><a href="https://imranhussain.uk/tag/ux/" rel="tag">UX</a></div>


<p class=""></p>
]]></content:encoded>
					
					<wfw:commentRss>https://imranhussain.uk/how-design-system-day-makes-our-community-stronger/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
