Target size

A transcript of Episode 266 of UX Podcast. James Royal-Lawson and Per Axbom discuss what target size is, what it means, and what to consider when creating designs..

This transcript has been machine generated and checked by Cristian Pavel.

Transcript

Computer voice
UX podcast, Episode 266.

[Music]

James Royal-Lawson
I’m James,

Per Axbom
and I’m Per.

James Royal-Lawson
And this is UX Podcast, balancing business, technology, people and society, every other friday for over a decade, with listeners in 199 countries and territories from Peru to South Korea.

Per Axbom
We are diving into a really niche topic today. And I love when you and I geek out James about something that really is fascinatingly complex, but it’s just one piece of the puzzle that we as UX designers have to pay attention to. And I think you brought it up to me first, it’s “target size”.

James Royal-Lawson
Yeah, target size. Now… Well, first off, what is “target size”? It’s not necessarily the case that everyone understands what that means. But basically, it’s the size of the thing we’re interacting with.

Per Axbom
So it’s a link, or a button, and maybe something else.

James Royal-Lawson
Yeah, yeah, drop down, whatever the thing, the thing you need to click touch press to do something on our website, is what this is. So we all know that sometimes the area you can click on or interact with is maybe bigger than it visually looks like.

Per Axbom
Right.

James Royal-Lawson
Or could even be, could even be smaller in some cases. But that size of that clickable area is really relevant. And I, if you want to take I suppose the analogy to this in the physical world, if we need to interact with something that’s too small, it gets really awkward.

Per Axbom
Right. If it’s smaller than my finger?

James Royal-Lawson
Yeah, yeah. I mean, that’s for everyone. I mean, if smaller, things are more fiddly to deal with. Now, I mean, I remember when the kids are smaller anyway, that if there was an object like a pin or a paperclip or something like that, on the side, I don’t always have nails, sometimes don’t have any nails whatsoever that are left. So you’re trying to find out, you’re grappling at this little pin, and you can’t get to it with your fingers. So you have to call in someone with smaller hands, who can actually pick up that pin from the surface. Or you have to take a tool out of your pocket or find something to grab it with. I mean, a pair of pincers.

Per Axbom
Now I’m thinking, how do we redesign paperclips to actually be able to pick them up.

James Royal-Lawson
Magnetic fingers, Per. We place magnets on all our fingertips so that we can… now that would be really hard work because you suddenly you’d be walking around with so many paper clips on your fingers, you won’t know what to do.

Per Axbom
And that’s just making it difficult for you. And I mean, some people have tremors and some people don’t have fingers. And some people use their feet to pick things up. So there’s a lot of variety in how people actually do interact with the real world. And of course, with the corresponding digital systems.

James Royal-Lawson
Yeah, because I mean, when I’m sitting here at my desktop computer, and there I’m using a mouse, a traditional looking mouse. But we all know there are different types of pointing devices. The traditional looking mouse is just one of them. And with touchscreens, then you’re using your actual finger, probably, to interact with them, if you don’t have a pointer, even with that touch screen.

Per Axbom
Exactly.

James Royal-Lawson
Such huge variation.

Per Axbom
It is. And some of the examples that are given by the Web Content Accessibility Guidelines for the benefits of actually paying attention to target size is the fact that you’re sometimes on a subway, which is shaking. And so you’re trying to tap something in your phone, it’s actually difficult to tap. And, there are so many, but I mean, there are users who have difficulty with fine motor movements, despite not being on the subway. And sometimes I see a lot of people actually also tapping on the other screen and getting frustrated and saying, as people do, there’s something wrong with my finger. And so they keep tapping it really, really hard back and forth. And of course, it’s going to be easier if the target size is actually bigger.

James Royal-Lawson
Yeah. I mean, sometimes things are… on the web on webpages with a normal desktop computer, sometimes the mouse jumps. And I’ve got an optical mouse. So sometimes that light reading goes a bit weird. So I might have perfectly okay, motor control to drag my mouse pointer across the screen. But depending on the light conditions in the room, and you know, on the surface I’m using, sometimes it will just jump. And that might kind of jump and I click and I don’t realise It’s jumped to somewhere else than I expected. So I click in the wrong place.

Per Axbom
Right. And you know, you can change settings for your mouse. And sometimes that people don’t know they can change setting and their mouse is set to move really, really fast and you move it a tiny bit, and the cursor just moves really fast across the screen. Now people don’t know how to change that, which means they’re going to have a hard time everywhere on their computer.

James Royal-Lawson
My son, he’s really into gaming and one of yours is at least Per, too, and he’s mouse is a gaming mouse. And he has his settings on his laptop setup for optimal gaming and clicking.

Per Axbom
Yeah.

James Royal-Lawson
It’s not optimal browsing stuff. Really, I can’t use his computer to browse normal web pages, I have to tell him to do it.

Per Axbom
So what’s going on now? Why are we talking about target size right now? There are changes coming, right?

James Royal-Lawson
Yeah, this is a good point. Why we’ve brought it up now, in particular. It’s because it’s going to be, there’s gonna be some changes to the WCAG (Web Content Accessibility Guidelines) guidelines this summer. And whereas there has been a criteria in these accessibility guidelines for target size for a while. So WCAG 2.1, that did have a target size recommendation. But he was only included in the kind of the AAA section.

Per Axbom
Yeah. Which is the one I see that a lot of companies avoid even paying attention to.

James Royal-Lawson
In my world, most of the time, you’re not expected to fulfil them. In fact, the guidelines themselves, they don’t say you should meet them all, there might not be a good thing to meet all of them.

Per Axbom
And the EU web directive actually talks about the AA, that you need to comply with AA but not necessarily AAA, in all contexts.

James Royal-Lawson
So this summer, 2.2 (WCAG) is coming out. And what they’ve done in that, or are planning to do in that is to introduce a new criteria, which kind of fills a gap, because you know, the target size is a really good thing to consider. And the target size that was in the guidelines was effectively treated as optional by a lot of people. And it was quite a large target size. We’ll get into the details later. Whereas now they’re introducing something that’s a minimum, a bare minimum target size, that’s okay.

Per Axbom
Yeah.

James Royal-Lawson
And this is going to be AA. So this is something that’s going to fall into “Must do” lists for an awful lot of products, websites, and well, effectively apps too although the Web Content Accessibility Guidelines, though not necessarily designed specifically for mobile apps.

Per Axbom
Unless it’s a web app.

James Royal-Lawson
Exactly.

Per Axbom
It’s complex.

James Royal-Lawson
That’s probably an entire different topic show when we talk about the kind of granularity of like, when is a web page a web page? When is an app an app? Not easy to work out. So that’s why it’s real. We’re gonna have this on our plates as designers, from this summer onwards, if you haven’t come into contact with target size, or haven’t considered target size, you’re going to have to after this.

Per Axbom
Definitely. And so what are the target sizes? What is it that we’re actually talking about? It’s not as easy as you may think.

James Royal-Lawson
Before you scare them… Look, what we’ll do the easy bit and say what the guidelines said they are in CSS pixels, right? So the target size guidelines, the AAA one, which was a number of that one, Per, is it 255?

Per Axbom
255. Yes. 2.5.5.

James Royal-Lawson
Yeah, that’s the guideline. And in that guideline, it recommends a target size of 44 by 44 CSS pixels.

Per Axbom
And now, James is saying CSS pixels? Well, we’ll get to that.

James Royal-Lawson
We’ll get to it. The new guideline that’s coming in 2.2, which that number is…

Per Axbom
258.

James Royal-Lawson
258. There, thank you, Per. That’s gonna be 24 times 24 CSS pixels. Now, I’m still going to get a hold on with all the different various measurement things here, Per. Because I just want to explain a bit more about what that 24 times 24 means. It isn’t necessarily the clickable area. It is the area between clickable areas, effectively.

Per Axbom
Oh, I see. So you have a link, but then you have another link somewhere else, but it’s quite close, but you actually need to have that distance between them.

James Royal-Lawson
Yeah. So if you take like a button, a small button. Now, if you have a 20 by 20 pixel button, and then right next to it, you have another 20. So it’s like a, like a toolbar with lots of icons, and these 20 by 20 are next to each other, then that fails. But if you have a 20 by 20 button with four pixels padding, so making the whole, you know, the space to the… for one extreme to the next button is 24, then you’ve made enough target size for your button.

Per Axbom
Interesting, but what if I have a tiny, tiny button? That is hard to click because I can’t find it on the screen? Because I’m shaking?

James Royal-Lawson
That’s a good question. I don’t know how small your actual clickable area is allowed to be, to be honest. But, you know, ideally, you want to make the clickable area, I think at least 24 by 24. But then if you’re if you’re adding padding around that on top of that, then that’s going to be just added padding an extra bonus to it.

Per Axbom
Exactly. So I actually wasn’t aware of that. I actually thought it had to be the clickable area had to be 24 by 24.

James Royal-Lawson
No, it’s if you look at the draft, Understanding Success Criteria 258, target size minimum, then it does give some reasonably clear examples of what’s pass and fail there. And those clearly show you that 20 by 20 plus 4 would actually pass. So you can actually do it.

Per Axbom
Well, also then is still brings into question, how small can it be and still have a padding around it? Which means that it isn’t entirely clear in the guidelines.

James Royal-Lawson
I suspect these details that we have kind of… because that’s alot. What you said. This is a lot to unpack, there are a lot of details to get into. And quite quickly, when you’re talking about this get down into programming, or you get into CSS, or you’re getting to get measurements and and HTML, we do quickly get down to the technical side of stuff. So like, even if you include a button on a picture, for example, then you’ve got to make sure you’ve got… you can’t kind of have it in a clickable target.

Per Axbom
Yeah.

James Royal-Lawson
So you can’t embed a button in a button or a clickable thing? Because then you’re not gonna have the spacing between stuff. Does that make sense? I think I made that complicated.

Per Axbom
Well, I think what you need to realise is that there are exceptions. And one important exception is because I know people are thinking, so I have links in my text, and I have to make them bigger. But that means that line distance between lines will actually increase? No. Exceptions are, if the target is in a sentence or a block of text, it actually is exempt from this guideline.

James Royal-Lawson
There is another exception too. And that’s if the spacing of the targets is essential to what’s being conveyed. That’s actually quite a difficult thing to interpret, you know. As soon as you get into like, essential and information being conveyed, then we get into the more subjective muddy waters. Even though the guidelines are supposed to be subjective, you when you start using that kind of language, you get into subjective discussions. But you’re right. There are there are situations where you can be allowed to meet the criteria or not fail the criteria, despite having smaller target sizes.

Per Axbom
Some of the other exceptions and other criteria are around timed tests. And these things that are like, specifically have to be a certain way. Like if you have measurements on a diagram for architects, I don’t know, it could be really, really specific. So you’ll likely know if they apply to you.

James Royal-Lawson
Now, I mean, it’s not like we said that this isn’t new. Target size is not something new. It’s been in the WCAG guidelines for a while. But beyond that, target size is something that’s been included in other design systems and recommendations for a fair while. And there is an excellent article by Adrian Roselli about target size. And in his article, he actually does do some of the heavy lifting and find some of the good examples and or existing examples of places and recommendations that are out there. And one of them is Nielsen-Norman (NN/g). And they did some research a little while ago, talking about, a couple years ago now 2019, about touch targets on touchscreens. And the summary of their recommendation in that is one centimetre by one centimetre. For interactive elements to support a quote from the page here: “adequate selection time and prevent fat finger errors”.

Per Axbom
I don’t like that term. I don’t like that term fat finger errors.

James Royal-Lawson
No, it just kind of… it’s finger shaming. But they did. Nielsen-Norman recommendations normally get a lot of traction and they do have their limitations and issues. But beyond that, Microsoft, they have a recommendation. Apple has a recommendation. Android has a recommendation. The BBC in their design system has a recommendation. And they all vary slightly.

Per Axbom
Yeah. And they all use different terminology for what you were referring to previously as CSS pixels, which means that…

James Royal-Lawson
They use different scales.

Per Axbom
They’re not even comparable, always straight off. You see, something like Microsoft says 40 by 40. And Apple says 44 by 44. And they’re not talking about the same thing.

James Royal-Lawson
No. Nielsen-Norman they use centimetres. And the BBC actually says millimetres. But they do give examples of what they expect that to be in CSS pixels as well.

Per Axbom
Yeah.

James Royal-Lawson
Microsoft, what do they say?

Per Axbom
40 by 40 effective pixels.

James Royal-Lawson
I actually don’t know what effective pixels are, Per. I would actually have to Google that.

Per Axbom
I think it’s very similar to CSS pixels. I think they’re striving towards that because we still haven’t explained CSS pixel, have we?

James Royal-Lawson
No, we haven’t.

Per Axbom
And Apple talks about points and Android talks about device pixels. And all of this started all this problem started out of course when the density of screens started increasing. So the number of pixels per inch, or DPI actually increased. So normally, when you and I started out, of course, when you had a screen that was 1024 by 800, that was the pixel size.

James Royal-Lawson
Yep. When we worked on, when we size something to 10 pixels, it basically appeared as 10 pixels on your screen.

Per Axbom
Exactly. So if you had a smaller screen with the same resolution, then it would actually be smaller, because the screen was smaller. Today, you have a density which can vary across different devices and tablets and phones and stuff. That means that the same pixels don’t apply anymore.

James Royal-Lawson
Well, there’s a… We’ve split it into two layers. You’ve got the screen itself, which still does have pixels.

Per Axbom
Yeah.

James Royal-Lawson
There are points of light on the display. But now they’re living their own life.

Per Axbom
You can have four points, four-light pixels at the same space as you had one before. Yeah, you have different types of pixels, yeah.

James Royal-Lawson
So it’s taking quite a long… it feels like it’s been quite a long time to get to the point where the web browsers themselves and the standards that they use to build web pages, we can have a unit, we work within the browser, which kind of stays still, so suddenly, we can rely on it.

Per Axbom
Sort of.

James Royal-Lawson
Yeah. It’s as much as we can rely on anything. So CSS pixels are becoming that thing where we can, you know, we can deal with that in our CSS and web pages, and so on, or Figma, or whatever we’re working with. And that’s going to translate to something which is scalable. You can zoom in and out on your web pages in the browser. It adheres to different screens attached to it or even OS settings. There’s a cascade of settings now that pretty much work down to CSS pixels. So I think it’s good, that we’re talking about CSS pixels in the guidelines. Less good that there are seven variations that people using different guidelines out there, because that just makes the conversation really hard work.

Per Axbom
And the CSS pixels are actually trying to also understand what distance is normal for you based on if you’re using a tablet, or a phone, or a screen. This means if you have a tablet, it’s usually holding it’s closer to your face, which means that CCS as pixels often tried to actually compensate for that. Which is crazy, but it’s cool.

James Royal-Lawson
I mean, we’re getting there with this kind of stuff. Well, what do we do with them? What can we do there, Per?

Per Axbom
We follow WCAG. In its most basic form, we start there. If WCAG in 2.2 says that in level AA you need to have 24 by 24 CSS pixels. That’s what we start out with. If we start with that and look at all the others, and try to compare, in what scenario do we actually deviate from what other recommendations are saying, and we test?

James Royal-Lawson
Yeah, exactly. Testing is a really crucial thing here. Because there are so many variations and, you know, we say with fonts as well, big is better these days. And you and me you’ve been through this process now where first websites we did, were probably like 8 or 9 px font size. And you know, it keeps getting bigger and bigger. And, you know, now you’re saying, like, do 18 or do it 20 on mobile. I mean it just gets bigger all the time, as we’re learning more and kind of understanding more about what we should be doing.

Per Axbom
As web developers are also getting older.

James Royal-Lawson
Yeah. Oh, that too. Dark modes, light modes. But, so here, the 24 by 24 is a really useful base number. That when we’re designing stuff, we can now look at things and go: “Okay, I’m suggesting something now I’m sketching something, which is 20 by 20, or probably going to end up being that, or is that? Oh, how can I make that a slightly bigger target size?”

Per Axbom
Yeah.

James Royal-Lawson
And it can be everything from, like a row in your drop-down to a cross to close something, or you know, buttons you’ve included somewhere on you know, menus. Anything it could be. You’ve got to now have that kind of bit of reflection and think: “Okay, how big is it?”

Per Axbom
But I also have to say that I mean, 24 by 24 is the minimum. I mean, if you go to level three, AAA, then they actually say double that. Yeah, 48 by 48, or 44 by 44. So that means that actually, don’t always strive for the bare minimum, see where you can actually have it bigger than that, because that will help more people.

James Royal-Lawson
Now there’s a couple of useful tools for testing this or checking this where you can, in Adrian’s article, he links to a bookmarklet, where it creates a box. So you can activate on a web page, and it creates a 44 by 44 box around your mouse pointer. So you can see what will be included in that or should be included in the click of the target size area, which is useful. Of course, you can also right-click and do inspect in Chrome and Edge and Firefox and probably most of the other ones too where you can see the computed values of various elements of your page.

Per Axbom
Exactly, yeah.

James Royal-Lawson
Which you might feel comfortable doing that, and that’s also useful to do.

Per Axbom
And that needs to be part of your routine, really. And I mean, it’s an excellent tool for testers, of course, you can really quickly ascertain if it’s close to not being acceptable.

James Royal-Lawson
Well, bigger, yeah. How bigger is better? I mean it’s like with “start big and see”, see what works. Test it and see what works. But that’s going to get some, you’re going to get some fightback, I think in some areas there, Per.

Per Axbom
Exactly. Always get the push back don’t you?

James Royal-Lawson
Too much whitespace.

Per Axbom
People won’t understand what you’re doing. Why are you making it that big, that’s totally unnecessary, isn’t it?

James Royal-Lawson
Oh, is like you see? Oh, well, can’t we fit a fifth one in there? Oh, can’t we put an extra button there? Or can we do this? Can we cram this in there? No, I think that’s gonna be off the screen. Can we make everything smaller, so it’s on the screen? Yeah, there’s gonna be a lot of conversation around: “Really, do we have to make things that big, or make gaps that big?”

Per Axbom
And what makes it even more complex, of course, is that we have responsive web pages now. So if your elements actually flow below each other, they’re still going to have to have that same target size. And that also adds the complexity. And people say while they’re looking at the web page, and they’re saying: “Well, why do we only have five links here?” But it’s actually because, as usually is the case nowadays… well, most people actually use our web page on mobile. So if you look at it on mobile, you’ll see why we made it that way onthe web as well, or the desktop.

James Royal-Lawson
I think we’re gonna get into that discussion, again, about aesthetics, and accessibility.

Per Axbom
Oh yeah, definitely.

James Royal-Lawson
And what looks good compared to what is easy to use or suitably easy to use for everyone? Inclusive for everyone.

Per Axbom
It also probably means that you actually need to reduce the number of elements on your page, I’m going to assume. Which is when we went from desktop to mobile, we did a lot of that. And people said: “Oh, wow it’s so… it looks so good!” And now we’re going to get more of that.

James Royal-Lawson
That’s a good point, Per. Because ultimately, if you’ve been designing stuff that is smaller than 44 by 44, or definitely smaller than 24 by 24. Then you have less effective real estate that’s visible on the page, when you increase the target size of elements. So you’re right, that means you’re pushing something out of the board, if you’re increasing everything. Which isn’t a bad thing, because maybe you do get a chances to think, again about the flow of the content in your page, the structure of your page, what’s included and not included and the words positioned on it.

Per Axbom
And it really, I think that gives an incentive to do even more user research to actually really, really make sure that you’re putting the right stuff up front.

James Royal-Lawson
Which is always good to do. Because then you can negate the whole: “Well it works for me.” Which, I guess we’ve all got at some point as a bit of fightback from changes.

Per Axbom
Exactly. I’m looking at that list of possible objections you made James and it’s like, too much whitespace, make it smaller, like you were saying. And when I love and hate “Works fine for me”, which I hear in all sorts of contexts. But I mean, it’s so difficult. How do I respond to this? How do I, as a designer, empower myself to actually speak up and say: “Well, this is the reason!” Because I mean, accessibility, as we know, it’s so often pushed to the side or say “we take that later, or we change it later”.

James Royal-Lawson
I think this was one of the hardest questions to fight back to, especially when it comes from someone, maybe more senior or in a higher decision making position. If not senior than, you know, a product manager or manager or someone influential in an organisation, is going check something themselves and say it works. So why do we need to spend more time doing something?

Per Axbom
It’s always an educational thing, I believe, and making aware. And I think we actually do need to show users having trouble, as always been the go-to for me, when I get pushback. If I can show a user having trouble, these people actually do say in the end “Well, why haven’t we fixed this before?”

James Royal-Lawson
Yes.

Per Axbom
And then it becomes their decision, and that’s okay with me?

James Royal-Lawson
And, of course. If you do manage to change something, then if you’ve got before and after data for the change… For example, if you increased, you know, the size of items in your drop-down on some point in the website, then if you can see maybe failure rates on that flow, and then change it to bigger ones, and you see an increased success rate on the same form, page flow, whatever, then you’ve got real evidence to add. Exactly you said about doing usability testing and having real evidence from real users. And if you’ve got the data to help you, then it makes your discussions easier.

Per Axbom
Yeah.

James Royal-Lawson
And more convincing.

Per Axbom
And sometimes it’s not just the data, unfortunately, you can have a piece of paper with the data on it. But if you can show video of people having trouble that’s always so much more convincing. So yeah, it makes it harder sometimes to get that in front of people. But it really helps as well. Because also video you can actually send without end-people usually watch it. It really works. But it also brings the point, the fact that you actually also need to be listening and having performance indicators regarding this stuff as well, because you will miss some stuff. As we said, it’s really, really complex. There are so many devices, there are new devices coming to market, and you will miss some stuff. So you always need to be checking in and keeping an ear out to hear what people are having trouble with.

James Royal-Lawson
Yeah, I think it’s a good point. And also, I think the size of clickable elements is something that’s possibly going to end up low down the list, than position, than copy.

Per Axbom
Yeah.

James Royal-Lawson
And if we’re talking about like optimising certain things, you know, you’re gonna have a discussion about what text to put on a button. And also, where to put it probably before you’re talking exactly, specifically about what size to make it. I’m being presumptuous now. But yeah, I can imagine there is a pecking order to these things that a lot of people have to deal with.

Per Axbom
I realise this is one of those shows where I’d love to get some feedback from listeners where you have stumbled upon this type of problem, how you’ve solved it, how you’ve argued, what questions you may still have after listening to this. I mean, it’s it’s such an interesting thing to actually dive into. And we should do more of these great dive into specific areas of not just the WCAG, but there are so many other types of guidelines out there.

James Royal-Lawson
I’d love to hear stories from people who’ve been successfully working with large target areas for a while now, and have experienced of that and seeing the benefits of it. It would be really nice to see. Because clearly, it doesn’t help to make things smaller. Irrespective… that’s probably the one good thing to wrap up on, Per. If you really don’t want to get your head around all these different scales, measurements and numbers. At the end of the day, if you can make something slightly bigger, you make it slightly bigger, you don’t make it slightly smaller.

[Music]

Recommended listening after this one, Per?

Per Axbom
Right! We’ve got Episode 228, “The aesthetic accessibility paradox”, where we talk about the balance between this, what you were mentioning before actually on the show.

James Royal-Lawson
We’ve been mentioned is slightly.

Per Axbom
Between visually appealing and accessible because that conversation always pops up. And there are some really good quotes from that show that you should actually listen to that.

James Royal-Lawson
Of course, otherwise we wouldn’t recommend it. And our volunteers to help us with this show. Really are of fantastic help. And, you know, we get hours of help from all our volunteers during the year. And we have currently two teams of volunteers helping us. One team helps us with checking our transcripts before we publish them, and then another team, they take turns in helping us actually publish the finished transcripts. So what we’ve decided to do now is opening up to a third team. One, this new team is going to be one, which will help us with the links in the show notes. We’re looking for people who will be able to listen to the episode, possibly even in advance and note down the relevant links they’ve heard or found or have been inspired to look up during the conversation so that we can add them to the show notes when we publish it. If you’d like to be part of that team, then email : Hej at uxpodcast.com and you can use the Swedish Hej or you can use the English Hey. What’s the difference between those, Per? Can you even hear the difference?

Per Axbom
Well, I can hear the difference of course.

James Royal-Lawson
Are you kidding? Of course.

Per Axbom
The Swedish “Hej” a has j, the English “hey” has a y. I love how organised you are with the teams. It’s beautiful.

James Royal-Lawson
Well, I only organised it now when I wrote this little script too…

Per Axbom
Remember to keep moving.

James Royal-Lawson
See you on the other side.

[Music]

Per Axbom
So, James, I went to the zoo and I saw a baguette in a cage.

James Royal-Lawson
You went to the zoo and saw a baguette in a cage?

Per Axbom
Yeah. At first I was confused. But then the zookeeper told me it was bred (bread) in captivity.

James Royal-Lawson
Ohhhhh….

 

This is a transcript of a conversation between James Royal-LawsonPer Axbom recorded in June 2021 and published as episode 266 of UX Podcast.