GitLab UX Team, 27 Jan 2022

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Bulk actions in responsive views

Description

Gina Doyle (Product Designer, Runner & Testing) discusses a potential proposal for offering bulk actions for a table in responsive views.

Design issue: https://gitlab.com/gitlab-org/gitlab/-/issues/339525

A

Hi everyone I wanted to walk through some of the bulk action stuff that is still ongoing, that we're trying to solve to be able to bulk delete runners. um I'm right now, I'm showing the vulnerability report because they already have bulk selection implemented.

A

So we're going to be following a very similar approach, um pretty much exactly the same where the selection toolbar will animate in once, you've started to select items. The thing that we're trying to solve at the moment is how this will work responsibly. So once because the bulk select check box is within the column header at the smallest break point when the table actually um breaks to movement to more of a tabular block layout.

A

So right here that bulk select, checkbox just disappears and there's now no way to be able to bulk select other than going individually through each item.

A

So what I'm trying to do is figure out a way of still enabling you to book select once you're at that point.

A

um What I have right now is I'm gonna propose and I would love to get any feedback um if anybody has dealt with this, I'm proposing to have the selection toolbar remain at the top of the screen, like not animate in and out at this point, and it will have the ability um to select different ways. I guess so at this point. If I have no runner selected, it would give me the option to select all of my runners.

A

If I select one runner in the list, then I would instead of getting individual links. I'd get a drop down to be able to select either all of my runners or select none.

A

If I then like apply to filter, for example, and my the amount of runners now is 18 that match that filter, I could select all that match that filter still as we're doing on desktop. I could also select all runners in total, or I could select none.

A

If I did 18 matching filters, then that count would update, and I now have the option to either select all runners in total or select none. And then, if I decided to select all runners, then my drop down would turn into a link and I would have the option to select none.

A

So it kind of depends on the the scenario you're in what you're offered, but I figured putting them in a drop down was better than listing all of the links, because that's not very scalable when you have multiple options and one other thing that I'd love to get feedback on is the select drop down.

A

I tried using more of like a ghost drop down um which I'm not sure about, um but I wanted it to look somewhat like a link and I tried using a normal drop down and it looked kind of weird, especially with the delete button over to the right. So any feedback would be great to hear. Thank.