make buttons so good, everyone wants to press them!
How to make a great button
1. WRAP IT
Give it a label that says what it does.
2. COLOR IT
Make it easy to see on the page.
3. SQUISH IT
It should squish down when you tap it.
NEEDED FOR
ORDER: A movie website: button to buy a ticket
blank button - needs a label!
Good labels say the action: Buy, Play, Sign up, Save… Which label tells us what the button does?
? ? ?
Click here for… what?
Buy? Watch? Leave?
I don't get it!
Good labels say the action: Buy, Play, Sign up, Save…
SWEET!
Now everyone knows exactly what happens!
Label = verb + thing
Movie Night
Pick a syrup color!
Can everyone see the button? The meter must reach GREAT (4.5 or more)!
Put each candy button in the right mold
IDLE just sits there · HOVER glows when the mouse is on it · PRESSED squishes down with a tiny shadow.
FACTORY STAR!
You learned:
Clear label + strong color = looks pressable → a button everyone understands.