Itqualityassurance
- How do you indicate clickability?
- How do I make a whole button area clickable?
- How do you make something look more clickable?
How do you indicate clickability?
Summary: Whether you adopt a flat-design style or not, interactive components must retain sufficient cues to suggest clickability. Signaling clickability with cues such as borders, color, size, consistency, placement, and adherence to web standards can give interactive components the proper look.
How do I make a whole button area clickable?
You can add 'display: block' to the style of the link. This spreads the clickable area out 100% of the cell it's in. You can add 'line-height: ##px' or 'padding-top: ##px; padding-bottom: ##px" to make the clickable area taller than the text. Line-height vs padding just depends on if you have more than 1 line of text.
How do you make something look more clickable?
Because people click more when things actually look like buttons, rounded edges or a drop shadow make it really easy to know what's clickable and what isn't. (pro tip: these are called kiosk style buttons).
