Improving the Bulk Actions UX


(Joshua Rosenfeld) #1

Continuing the discussion from "make listed" again in the bulk actions:

Currently the Bulk Actions modal is, well… not pretty.

Some “issues” that come to mind: the buttons aren’t aligned, similar buttons aren’t next to each other (why are replace & append tags on separate lines, why are “[foo] topics” on 3 different lines, etc), only “relist topics” is smart, all other buttons appear at all times.


Suggested improvements:
Adjust the order of the buttons so similar buttons are better grouped.
Consider standardizing the button sizes so they are aligned.
Make all buttons “smart”. In the above screenshot, all selected topics are closed and unlisted - therefore “close topics” and “unlist topics” should not appear.
Provide tooltips to help new site staff: what exactly does “reset read” mean, what is the difference between replace tags and append tags, who does “change notification level” affect, etc.


(Jeff Atwood) #2

Yes, I brought this up with @eviltrout today. At minimum this should have the appropriate glyphs (in grey, not black please – might want to make that a global CSS button style default) on the buttons.


(Sam Saffron) #3

There are some logical “sections” here, perhaps reorganize this in sections per:

Categorization:

  • Append tag
  • Replace tag
  • Change category

Status:

  • Archive
  • Close
  • Unlist
  • Relist

User:

  • Change notification lever
  • Reset read

Other:

  • Delete Topics

(Jeff Atwood) #4

Simply adjusting the order and adding glyphs suffices for now. No need to excessively scope creep this so close to the end of a release.


(Robin Ward) #5

This commit improves the look of the panel:


(Sam Saffron) #6

Minor, but worth changing, “Delete” should be red like it is in the wrench. I would probably also make it last in the list.


(Robin Ward) #7

Latest commit changes it to this.


(Jeff Atwood) #8


(Jeff Atwood) #9