User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
Trying to understand what the best practices are for setup/onboarding use case like this. We're asking the user to customize their feed of newsletters in this instance; user can remove item from those we automatically added or add a new one from a list we originally filtered out.
Here are two original options. With the first one, there's a hover effect where a checkbox appears (like Gmail bulk actions).
Any help is appreciated!
Two lists
It is clear to me which newsletters I have subscribed to and which not. Hover effect is a bit hidden IMO. I think it is uncommon for a checkbox to "move" things around. Usually, you activate or deactivate a setting. Why not show the checkboxes all the time and make it a plain and simple list with checkboxes?
List with buttons
It is not clear to me which newsletters I have subscribed to. Ofc, you can deduct it from the greyscale images, but that is too subtle IMO. Also the list seems to be arbitrarily ordered and not alphabetically (if somebody does not get that it is actually two lists). You might go around this by using a toggle switch which communicates both state and action. But then again, why not use an alphabetically sorted list with checkboxes?
