
Mandarin, I'd want to research whether users consider those characters to do double-duty. (On that note, if I was designing for markets where the language is expressed as logograms, e.g. Some functions can be quite verbose when written out - especially in certain languages. Other advantages include conservation of space. Once the user becomes familiar with the meaning, it's faster to decode (a good) symbol than to read text. Icons are meant to be readily recognizable visual metaphors for actions or features. These buttons are used either alone or within the product card.

#Android studio icon on button plus#
A little more than 70% prefer access from tablets or computer, so we can focus on bigger screens.Īll of these buttons are a combination of text plus an icon, see image below for examples.Almost 100% of users will access the web/app from home.I have a lot of different buttons to do specific actions, for example: Add item to cart, Remove item from cart, checkout, Payment method, whishlist, favorite, etc.īecause of the product type (food and/or related) and the initial research, we got these 2 points very clear: Indicate a current progress, with a circular animated iconĬurrently I'm following the guidelines from Google and using 24dp (or 24px), is this the way to go? Or is there any other things I should consider when choosing the font size?Įdit: As suggested in the comments, since the question isn't very specific, I'll try to fit it within the project I'm working now and facing this issue.The button may have different uses and even indicate status, for example: The same applies to the tabs, but then again, different use case. On the FAB guidelines they do talk about this, to use a 24dp icon, but this is a different use case, since it's the icon alone. The only source I could found something about was on Google Material Specs, but it's more about the button guidelines than what's inside.

Or even a better question (maybe) should I even use an icon within a button? Keep in mind I'm talking about these specs to use either on the web or app. Should it even be bigger to be more intuitive and remove the need to read the text, and only use the text as complementary information?.

