Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

The tag has no usage guidance.

1
vote
1answer
60 views

Material design error message on top of a pop up

We are using material design messaging guidelines in a complex system, the problem: in case I have an issue with a form and the issue is a non critical one, I will show a banner, In case I have a ...
0
votes
1answer
61 views

What is correct pattern to create item with several options

I'm developing a web app using angular and material design. At this moment, when I'm creating a new role I enter name and description of the role and role is created. After discussion with colleagues, ...
3
votes
2answers
78 views

Menu screen - with just 2 options

I am developing an android app that has a menu screen just after the login. i.e. The menu screen is the 2nd screen in sequence. The menu has just 2 options. I am confused how can I achieve it ...
3
votes
1answer
287 views

Material design: drawing attention to a floating action button

I've a design which I need to create a first time user experiance on creating an application. The Floating Action Button needs to get highlighted on the very first time a user gets logged into the ...
0
votes
0answers
98 views

How can I get the color tool to provide me with a dark theme and give me a background color?

I'm new to material design and was wondering how I can get this tool: https://material.io/color/#!/?view.left=0&view.right=0&primary.color=455A64 to give me my primary color (blue grey: #...
2
votes
1answer
248 views

what is the small label marker element in material design called?

I am new to material design and UI. In the below image what is the highlighted part in red called ? Its called something but i don't know the exact name, Can anyone help me.
1
vote
1answer
191 views

Acceptable to use Google's material design forms on touch screens?

Google's material design champions the use of text fields that imitate ruled lines on a piece of paper. This is a pattern that seems acceptable to me when using a mouse because of the precision that ...
2
votes
1answer
151 views

Is it a bad practice to use similar floating action buttons with different functionalities in different pages

According to Material Design Guidelines, Google states that on any page the primary action of the page can be promoted in the floating action button. But what if on different pages, we use similar ...
1
vote
1answer
102 views

Why Google Chrome Clear Download button has two click process? [closed]

What is the UX advantage that Google Chrome adds by enabling two click process to Clear Download. They have this step to follow: Click on 3 dots Select Clear Download Button Hence two clicks. ...
4
votes
2answers
191 views

Material design guideline/concept issue?

On the page https://material.io/guidelines/patterns/navigation-drawer.html#navigation-drawer-behavior there are the following guidelines for drawer look&feel (here a snapshot with my comments/...
2
votes
2answers
190 views

Push icon - material design

I have a quick question. How to depict an icon which you could press for choosing other options (i.e. when you press it a dialog appears with set of icons - and after your choosing the dialog closes ...
3
votes
3answers
439 views

The title in the app bar

What do you think about placing text labels (description) from a tab menu into an app bar? Does this comply with Google material design? And is it helpful from UX point of view?
0
votes
2answers
2k views

Material Design : Space between inline inputs [closed]

Material Design doesn't specify any space between inline text inputs. Does anyone have any thoughts on this? Do I assume the 9dp spacing would apply?
0
votes
1answer
204 views

Where can I find the “waving person” icon from Google's Material Design Icon set? [closed]

This icon is beautiful and would be useful to us, but I can't find it in their icon set. It's referenced in two places in their documentation: https://material.google.com/style/icons.html#icons-...
4
votes
1answer
2k views

Are multiple FABs allowed in a single-page in android?

I've recently used floating-action-button (FAB) in each list-item (5 to 15 items vertically) because another list-view is to be inflated over that list-view and then only the FABs are visible for the ...
16
votes
2answers
2k views

Are material flat buttons distinguishable?

Blue colored texts are known to be links everywhere and users know they can click on them. How about Google Material Flat Buttons? In material design, colored text with enough padding is known as a ...
10
votes
4answers
478 views

Why does Google Drive use a dialog for renaming files? [closed]

In all modern file managers, when you rename a file, it allows you to rename the file on the label in the file manager like this: Windows, macOS, and Dropbox's web interface all have this behavior. ...
1
vote
2answers
132 views

Editing Title, Sub title and Text

In the web app we are making theres a Material Design Card where theres a User type that has the permission to edit content he posted, so heres the question. When he clicks to edit this content every ...
14
votes
7answers
6k views

How should the filter feature manifest itself in google material design tables

I've checked the material design documentation but there is no clear indicator that I can see to tell me what happens if I click on the . Here's the icon in situ. I want to know what the interface ...
1
vote
1answer
140 views

Odd behavior in material design [duplicate]

I was reading through Google's material design spec on the topic of elevation and shadows (under the Shadows section), and it seems the button states are backwards. It shows the pressed state with a ...
10
votes
5answers
6k views

Is having multiple rows of tabs against Material Design?

As seen in this mockup, I kind of need multiple rows of tabs. One to click into categories, and another one to select your category. Is this ok? Also, side note—If Categories is selected, should I ...
22
votes
3answers
44k views

Comparison between Bootstrap and Material Design frameworks [closed]

The Bootstrap/Foundation family of design frameworks has been the main driving force behind a lot of responsive front-end web development projects. The Google Materials Design concept has also been ...