7

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.)

1
  • 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, 2015 at 0:58

2 Answers 2

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

1
  • Updating, the quoted excerpt is not part of the material design guidelines anymore.
    – Dinei
    Sep 12, 2016 at 0:47
3

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.

2
  • 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, 2019 at 7:08
  • 1
    I have updated my answer. Thanks for pointing it out. :)
    – Ryan Teh
    Sep 23, 2019 at 15:46

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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