I'm working on a site that allows users to create lists, and right now we've pulled out the "delete" functionality into a separate mode. Ideally the way this would work is:
- The user clicks something to enter delete mode
- The user selects which items to delete. Changes are not applied, just visually denoted
- The user selects "apply" or "cancel"
For the user, what would be the best way to locate the "enter delete mode" "apply" and "cancel" buttons? Currently we have a toggle switch that just turns delete mode on and off but I think this is confusing for the user because it provides no demarcation for the fact that changes will be applied when the toggle switch is turned off:
Delete mode turned off
Delete mode turned on
It almost looks to me as though we should have one button that becomes two but I can't imagine a good way to do this.