Questions tagged [material-design]

Material Design is a design language developed by Google. Based on the paper and ink metaphor, the framework is characterised by the use of 'cards', grid-based layouts, responsive animations, transitions and depth effects such as lighting and shadows. "Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design." (Material.io)

14 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
2answers
746 views

Android TabStrip navigation alternative on iOS

I am in the process of porting my material design Android app into a native iOS app with Swift. The two apps are very similarly navigated, and share many design features (a mashup of iOS design and ...
2
votes
1answer
67 views

Material design edge-to-edge chips field error display

The material design spec for text and chip fields says that errors should be displayed below the field In the case of edge-to-edge chips fields (like those at the top of the chips page: https://...
1
vote
1answer
230 views

Is UI Chips for all single choice input a good idea?

I'm working on an iPhone/iPad app that uses a lot of forms and we are currently using several different components for input where the user have to do a single choice from a defined list of items. For ...
1
vote
2answers
287 views

Android FAB with progress indicator

Is a good idea to put (infinite) progress indicator into a Floating Action Button (FAB)? I am dealing with a situation where there is a bottom navigation panel with inset FAB and there is no toolbar ...
1
vote
3answers
173 views

Back to top button with other floating action button

I have a long page with a detail of an event. In the right corner of this page is present a floating action button to enter editing mode. Where I can place a back to top button?
1
vote
1answer
756 views

Should all grid contents be divisible by 8 or an even number?

When designing a grid system it is advisable to use an 8pt grid. This is stated by Material Design and many others. Does this mean that columns and gutters all must be divisible by 8 or a smaller even ...
1
vote
2answers
119 views

How to indicate selectability in an information-focused list

My first question, let me know if I should edit! I'm working on a list-map hybrid, where each item on the list can be selected, to show up on the map (like Yelp). The list needs to give a fair ...
0
votes
1answer
50 views

Material Design | Dialoge from floating action button - how to do it? Is it even a good idea?

I'm designing a dark-mode-first desktop website for an online media organization. One of the key characteristics of the organiation is its community, and how open, friendly, inviting and communical it ...
0
votes
0answers
16 views

Is there a place for commonly used Inputs or Actions in Material Design?

From what I understand, a single viewport using material design components can have An app bar on top A navigation drawer to the left/right Tabs at the top or bottom for more navigation The middle,...
0
votes
0answers
88 views

Designing android apps: Material design and apps with own character

I'm new to mobile app development. I came across material design and its guidelines even though I just scratched the surface. I basically am curious how strict the guidelines have to be followed to be ...
0
votes
1answer
143 views

508 compliance question

For those with knowledge on Material Design and 508 compliance..are there any issues with using an "outlined" text field vs the filled" text field? We're thinking of using the "outlined" text fields, ...
0
votes
3answers
548 views

Material Design the correct way to work with primary and secondary action in this case

Today I've got a question about the correct way to use material design in a "UX way" and in a particular case. I'm working on a desktop interface with a sidebar on the left that control main focus ...
0
votes
3answers
193 views

How to show pre-filtered list on a search results area

I am working an iOS app that manage employees requests, I have a screen that shows requests, and a search field above it, I can search within my requests. but, I can also send a push notification with ...
0
votes
5answers
463 views

Guidelines for Material Card in Android

If I were to follow elevated card(first one) like here, where should I place the expand more arrow? Also, is it okay to do the same card with image on the left? Cards displayed are different brands ...