Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Our application has a button to Remove (removes selected item) and Remove All. Currently the icons are right next to each other and look similar; therefore users accidentally have been clicking Remove All instead of Remove. The remove is a single trash can and the remove all is stacked trash cans (like save and save all).

Any suggestions for a different Remove All icon, or would separating the icons help? Logically it seems like they should be next to each other, but maybe not.

six icons in a row

share|improve this question
add comment

closed as off-topic by Code Maverick, Charles Wesley, JonW Mar 21 at 20:01

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions requesting Icon Suggestions are off topic. While the subject of icons is on topic, there's very little value in soliciting suggestions for a specific icon in a specific context. See this meta post for more information about this topic." – Code Maverick, Charles Wesley, JonW
If this question can be reworded to fit the rules in the help center, please edit the question.

5 Answers

up vote 40 down vote accepted

My first suggestion is to separate your destructive actions from the constructive actions. As a user can accidentally click the wrong icon due to a visual error, they can accidentally click the wrong icon just because their mouse was not exactly where they thought it was.

enter image description here

Keep the actions that are destructive and can cause panic (such as accidentally deleting something) out of the way.

For your Delete All. I would suggest removing it if possible. It seems overly destructive to me. How often do users really want to delete everything? The context of the action might make it more common, but I think there are other options.

You could include a checkbox on each row, or provide the ability to select multiple rows (CTRL-Click in Windows, Command-Click in Mac) and then ask the user to click the single delete button. That single button takes action on all selected rows.

This does a few things:

  • Removes confusion between buttons. Only 1 delete button.
  • Makes it harder to delete all (again, something that seems overly destructive to me).
  • Extra steps makes user think more about what they are doing... generally a good thing when deleting.

If you wanted to a quick "delete all", you could have a "select all" which would select all check boxes (or highlight all rows) and then click the delete button. Again, adds an extra step but I would argue that's good when performing a very destructive action.

share|improve this answer
3  
totally agree. in my opinion, batch operations like "delete all" or "copy all" should always be preceded by the selection of the concerning elements. (there might be exceptions, but that's rare) –  L. Möller Nov 21 '13 at 11:31
add comment

Consider doing away with the Remove All icon altogether and ensuring that there's a Select All function. That way a user's intent to Remove All is actioned using the same tools they use to action Remove Some and Remove One.

share|improve this answer
2  
I really like that. Using a select all then remove option not only separates the "remove one" and "remove all" it also introduces a confirm-like action. Making it two steps to remove all items makes it less likely that a user will accidentally remove everything. –  Dryden Long Nov 21 '13 at 0:04
add comment

You can try showing a confirmation question like "Are you sure you want to delete ALL the items?" and the answers "Yes, delete ALL", "No".

share|improve this answer
add comment

My answer refer to the icon only, not other stuff for the prevention of mistake. It seems that your trash cans are too close to each other. Search for the 'save all' icon, you'll find the floppy disks are much more distant from each other.

share|improve this answer
add comment

Get rid of "Remove all" and allow users to select the items they want to delete. Then only one "Remove" button should be enough.

share|improve this answer
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.