That is a really nice pattern. I wonder would many people not click on the button thinking that it would immediately unfollow the user there…
Discussion
Agree with Jeff here
Would have “Unfollow” as a one-dimensional button and “Lists” dropdown button next to it instead
And all the settings in a ‘•••’ button next to it
Follow | Add to list + | •••
I agree, it's just the first desktop client implementing it. In my designs I imagine it all under one button as well, but without the "Unfollow" text as a care-away.
Step 1: plus icon
https://void.cat/d/8rE1GfWeh3cdg9KxFPAAUR.webp
Step 2: add to lists (plus icon rotates into cross)
https://void.cat/d/9oyspbQ196ietcYkjjyxQv.webp
Step 3: checkmark that (at least in my mind) says "profile is added to lists"
https://void.cat/d/QuZdQ5P9XUk4PUfnbJxe2k.webp
(I might go to two buttons as well, Ill see)
Call me old fashioned, but the more I think about it the more I think prefer a dedicated list UI in a modal. Unfollow, mute, share, etc. belong in easy to find top level buttons or a dropdown. But adding to lists is a more involved task and I think you'd want to have a bit more real estate to do it.
I like the idea of having one button for managing lists and one button for Follow/Unfollow but where could the Mute/Unmute buttons go? having three buttons next to each other feels like a little too much