5

In Google's Material Design, do the guidelines prefer buttons without icons next to text? On http://www.google.com/design/spec/components/buttons.html no such examples can be found. Is it written somewhere why?

(I know the floating action button or paper icon button have icons; I'm talking about text buttons.)

  • 2
    Are you asking why there aren't buttons with both icon and text together? If so, I assume they consider it redundant. – DA01 Jan 18 '15 at 0:58
5

According to the developer pages (http://developer.android.com/design/building-blocks/buttons.html):

Both an icon and text is most appropriate when they complement each other: each carrying its own bit of information, but together making a larger whole.

This may be the contributing factor in the design guide where no such example is present

  • Updating, the quoted excerpt is not part of the material design guidelines anymore. – Dinei Sep 12 '16 at 0:47
2

I might be late to this. But in Material Design website it does have a sample of it.

In most cases I think text only or icon only are sufficient to describe what it does. I came across a scenario where the button text describes the item that user is selecting and button icon describes what happens when the button is clicked. It seems more 'instructive' to me. But I may be wrong.

The following examples are from Material Design website.

Do.
Use icons that clearly communicate their meaning.

Don’t.
Don’t vertically align an icon and text in the center of a contained button.

Don’t.
Don’t use two icons in the same button.

We're looking for long answers that provide some explanation and context. Don't just give a one-line answer; explain why your answer is right, ideally with citations. Answers that don't include explanations may be removed.

  • Hi Ryan, welcome to GDSE! Thanks for your answer. We like longer answers here, that explain the why as well as the how. You might want to edit your answer to add more information and increase the quality. Feel free to browse the site, leave more answers, ask a question of your own and upvote quality content. – PieBie Sep 23 at 7:08
  • 1
    I have updated my answer. Thanks for pointing it out. :) – Ryan Teh Sep 23 at 15:46
  • Thanks, looks great! – PieBie Sep 24 at 11:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.