An animated transaction button inspired by Family
This is a button I made as part of my article on designing good buttons.
It reinforces all the good principals I outlined in the article:
- Affording the ability to click
- Hover effect that confirms user behavior
- Feedback showing the user it works
In this interaction, I particularly love that the active scales down the button. When you release, it feels like the button springs back at you, which only adds to the delight of the animation.