DEV Community

Discussion on: Should a button communicate the current state, the intended behavior, or both?

Collapse
 
mkrl profile image
Mikhail Korolev

Something like this seems like a correct behavior to me. Straightforward and simple, though it may seem a bit flashy at some point.

Collapse
 
frozenbyte profile image
Frozen_byte • Edited

This is the way to go, you may want to add the "result" in the button.
When clicking "+ Follow", jump to the "✓ Following" state.
If you hover again display: "x Unfollow"

This Implementation does not consider Mobile UX, in this case you may want to prompt the user for an action.