I have observed that Material Design puts the close icon to the left in all the examples of Material Design. Do you know any case that it goes to the right?
6
-
4I'm voting to close this question as off-topic because specific to rules of a specific interface - not general UX.– Danny VarodMay 23, 2019 at 15:30
-
1Do you have a specific UX problem you're working through, and a context of users trying to accomplish a goal?– Mike MMay 23, 2019 at 15:36
-
1Weeeell, to be fair, there are other questions about MD that have not been met with this criticism, e.g. this. @Alejandro Gomez Naranjo I guess if you specified your question better, for example "what are the benefitcs" etc., it would have more justification to be here.– Big_ChairMay 23, 2019 at 16:15
-
@MikeM My doubt is that I am putting all the close icon to the left, as Material Design, but my Product Designer says it must be to the right..he says that it is always to the right, when MD is putting it to the left. I need to convince him! :)– Alejandro Gomez NaranjoMay 24, 2019 at 7:09
-
@Big_Chair Well, for me, the benefits would be that if you put the close icon to the left, you have all the right area for putting different action icons and menu icons to play with. But if you put the close icon to the right, it will be isolated (as the close action is a critical one, it should be isolated to avoid some accidental OnTouch finger action)..– Alejandro Gomez NaranjoMay 24, 2019 at 7:17
|
Show 1 more comment
1 Answer
No. If your application is strictly following the material design system, then the "Go Back" and "Close" buttons are placed to the left end of the top bar for LTR languages.
The recommended placement of elements in a top app bar for left-to-right languages is:
- Place navigation on the far left
- Place any titles to the right of navigation
Here is a screenshot from the material design guidelines:
.
An Exception usually seen that differs from the above-mentioned usage is when it comes to 'dialog boxes'. Here, The No Thanks button acts as the close button.
