:bulb: UX exploration: Pattern - Bulk actions confirmation modal

Hello Everyone,

I just documented the pattern for the bulk actions confirmation modal and I would love to have your feedback.

This modal acts as a confirmation window for bulk actions.

Structure

It is composed of a header with a close icon on the left and a title in the following format: {Content type} confirmation.

A “summary”, showing which actions were successful versus which ones weren’t, is displayed on the top. The numbers shall be bolded as well as the terms “not” and “successfully”.

All items acted upon are placed in a scrollable table. The first columns shall always show the status of the action with the failures on top. To add visual feedback, failed items shall have a red warning icon + text while successful items shall have a green check + text.

A “Close” button is placed on the lower right.

loan-bulk-action-renew-confirmation1200×675 81.1 KB

Behavior

When a bulk action has been performed, the confirmation modal appears.

All items acted upon are displayed in a scrollable table, allowing users to scroll up and down.

By clicking on an item status message, a tooltip appears to provide more information.

loan-bulk-action-renew-tooltip1200×675 85.9 KB

First very quick thought is that we’ll need something like this for the batch loader functionality - log showing what loaded fine, what had errors, what kind of errors. It may need to be exportable, or something that you can click through to drill down into the problem record. We’re just starting the batch loader work, so I don’t really have any model in mind, except that we’ll need in-app batch logs/reports like this.

I just came across this post
Looks good, but there are always only a few titles visible at a glance; you then have to scroll. Since it is not unusual for patrons to have >100 loans, a somewhat more compact presentation would be desirable.
Maybe the title can be shortened (e.g. to max. two lines) and with a tooltip you get the complete title?!?

@UschiKlute Thank you for this great feedback! We will take this into consideration to avoid too much scrolling.