We’re all designing websites that don’t just work on phones. We want them to be fast and easy on phones.

Introducing the BIG button

When I researched a presentation on building websites for older adults, one thing came through on everything I read: use buttons for clicks and not links in the sentence. Why? Because if a person has any mobility issues, it’s almost impossible to click a text link accurately. Large buttons improve usability. As the button gets larger, so does the text. It’s more encouraging to your site visitors to find those magic words (no, not “click here”). Use words that tell the potential-clicker what’s on the other side of that link.

They’re easier to use and give everyone a better experience.

When a person is this-way or that-way about buying something, a button that says, “Add to Basket” is better than “More.” If that button is in a complementary contrasting color, even better.

About Those Fonts

When the button gets larger, so should the font. Of course, the font should also be responsive, but you want your visitor to SEE it first and then easily plop a finger on it and get it in the cart. Or read the article. Or discover the research. The trend now is to use fonts that have multiple styles, like light, normal, semibold, bold and extra-bold. Because you want that font to jump out at the visitor so it can be clicked fast and easily.

Want to See Some Buttons?

Amazon add to cart button

BE ICONIC: Online shoppers know the Amazon yellow button with the black inset cart and the simple “Add to Cart.” Note how wide the button is and that there’s whitespace above and below it. That makes it very noticeable and easy to click.

Macy's red button

STAND OUT: The Macy’s button says “ADD TO BAG” on its signature red background. Macy’s, an old-school retailer, used the shopping bag metaphor. Amazon is more of a warehouse feel, so they plant the image of a shopping cart on their button.