I have some kind of modal where I need to show dates (each one is representing an object). Every date can be set as valid or invalid. I'm wondering how the UI should look like. I'm thinking about two options:
Analysing both examples what I can say from an user perspective to perform the action it will take:
2 clicks using radiobuttons. One click to select the radiobutton and one click to 'Save/Confirm' the action.
3 clicks using the second option. One click to select the element, one click to 'move' it to the other container. And finally a third click to 'Save/Confirm' the action.
Looking at this, I would go to the radiobutton option. However, I would like to suggest other options for the same problem.
First, I would like to know the number of elements that you could list. Are they many? If so, maybe a scroll bar would be a good option. Not the best to be used in a modal, but much better than a pagination, in my opinion.
- Agreeing with Aaron about the use of switch buttons.
- Using checkboxes. It's cleaner for representing two possible states that are exclusive.