Questions tagged [google-materials-design]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
2 answers
96 views

Does it make sense to spam the snackbar for information already available elsewhere?

Does it make sense to spam the snackbar for information already available elsewhere? Let's say you have a console dishing out 10-30 lines per seconds and you want to put some of the information on a ...
Sayaman's user avatar
  • 157
0 votes
2 answers
1k views

Which is the best approach for key value pair representation in mobile material ui

I am having limitted data for a page as given below Key Value First name John Last name Doe Phone +9099999999 City Chicago I want to represent the above data in an Android view. I tried to avoid ...
KIRAN K J's user avatar
  • 101
1 vote
1 answer
323 views

What are the specs for a top bar in a web application (1440px) according to Material Design?

I'm new to UX design. As a fun project, I'm designing a calendar web application while referring to Material Design. I can't seem to find anything about the top bar specs for web apps on the Material ...
Kahaan Maniar's user avatar
4 votes
4 answers
1k views

Material design or completely custom look? [closed]

I'm making an app and I'm not sure whether to follow Google's material design or stick to a completely custom look and feel. I can find pros and cons in each approach: Material design Custom Pros ...
tommy99's user avatar
  • 45
2 votes
2 answers
147 views

What was the design language used by Google prior to modern Material design?

You can still find it in very few places. Like Google Groups (see example). But even that, understandably, is getting a redesign, one that hides quite a bit of functionality and seems to dispose ...
Noein's user avatar
  • 121
0 votes
1 answer
247 views

Bottom Navigation with only 2 destinations

According to the Material Design Guidelines the usage for Bottom Navigation recommends three to five destinations (https://material.io/components/bottom-navigation/#usage) Was just wondering what ...
Jankers's user avatar
  • 111
0 votes
1 answer
985 views

Card with horizontal scrollable content

I wonder if placing horizontal content inside a Card (like an image list in the Reply material spp) is breaking material design guidance?
Sergey B.'s user avatar
  • 101
1 vote
3 answers
747 views

Is it bad to have hamburger menu with back naviation button for inner pages

We are using hamburger menu on all page even page are inner pages. I want to know if this is bad user experience to show back navigation button with hamburger menu in web? below is an example
Muhammad Saifullah's user avatar
1 vote
1 answer
2k 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 ...
Eran Bar's user avatar
  • 1,030
0 votes
1 answer
96 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, ...
Arminas Grigonis's user avatar
3 votes
2 answers
376 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 ...
Ahsan's user avatar
  • 191
3 votes
1 answer
811 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 ...
Imesh Chandrasiri's user avatar
2 votes
2 answers
2k 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.
Chetan's user avatar
  • 211
1 vote
1 answer
349 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 ...
Audrey B's user avatar
2 votes
1 answer
798 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 ...
Sarah Akhavan's user avatar
4 votes
2 answers
251 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/...
Mikhail Karakulov's user avatar
2 votes
2 answers
325 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 ...
Kirill's user avatar
  • 181
3 votes
3 answers
1k 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?
Kirill's user avatar
  • 181
0 votes
2 answers
7k 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?
Ky Lane's user avatar
  • 139
0 votes
1 answer
348 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-...
SimplGy's user avatar
  • 141
4 votes
1 answer
5k 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 ...
Touhid's user avatar
  • 143
16 votes
2 answers
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 ...
Sarah Akhavan's user avatar
11 votes
4 answers
1k 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. ...
foxinsocks's user avatar
1 vote
2 answers
368 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 ...
Cristobal Lemoine's user avatar
16 votes
8 answers
12k 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 ...
Ralph Marchant's user avatar
1 vote
1 answer
152 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 ...
gregsdennis's user avatar
13 votes
5 answers
18k 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 ...
mildrenben's user avatar
25 votes
3 answers
49k 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 ...
Michael Lai's user avatar
  • 27.1k