Mobile app version of vmapp.org
Login or Join
Correia448

: Why does material design recommend a 2dp border radius for buttons? I know people prefer rounded corners to regular corners (references: 1, 2, 3), but why is 2dp considered a proper value for

@Correia448

Posted in: #Button #Corners #InterfaceDesign #WebsiteDesign

I know people prefer rounded corners to regular corners (references: 1, 2, 3), but why is 2dp considered a proper value for border radius?

It a button that follows this rule more user-friendly than one with a 10dp border-radius or it is just a suggestion and 2dp is a minimum value?

You can find more info here.




Corner radius

Buttons should have a 2dp corner radius.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Correia448

1 Comments

Sorted by latest first Latest Oldest Best

 

@Lengel450

The answer to your question lies in the psychological concept called Contour Bias as illustrated in the book Universal Principles of Design.

As the book quotes:


Objects with pointed features elicit stronger activations in the regions of the brain related to associative processing, meaning that although the angular objects were less liked, they elicited a deeper level of processing than contoured objects- They were, in effect, more interesting and thought-provoking to look at.


Also,


Angular objects are more effective at attracting attention and engaging thought. Contoured objects are more effective at making a positive emotional and aesthetic impression.


Further,


The degree of angularity corresponds with the strength of Amygdala activation, so ensure that angularity of design elements aligns with design objectives.


Now, since a button is a call to some sort of an action, it can't be too rounded as though roundness elicits likability, it also comes off as casual and the user might end up ignoring it completely. Also, a square cornered button might come off as too rigid and/or abrupt. Hence a mildly rounded corner serves well as a subtle yet thought provoking design solution for the button.

Having said that, Material Design Guidelines are after all, recommendations. Hence, though the specs recommend a 2dp corner radius, you might yet experiment and test out different corner radii. But of course, too much of anything is bad, so I'd suggest to yet restrict the border radii to a maximum of 5dp even while testing.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme