Clarify UI for corner radius in property inspector
I've seen hundreds of newbies get their hands on Xd for the first time, and they always hit the separate corners button before setting the desired value, not understanding that the value entry box is already related to the button on the left. Please re-arrange them and use a more conventional and intuitive mapping of these buttons.
Got it! Thanks for the clarification and the suggestion. I’ve edited the title to be more concise and applicable to your suggestion, and I’ll leave it open for others to upvote.
-
Peter Villevoye commented
Actually, in my example the secondary button is just replaced by the lock icon, so it doesn't look so much like a button to get started with setting rounded corners, because that's what causes most of the confusion. A blue underline of the single value could also help to draw users to set it right away in stead of hitting a button.
Note: the lock icons are very tiny ! When using a finger on a touch screen, it's almost impossible to hit...
-
Peter Villevoye commented
I guess the solution which is the most obvious one and consistent with other parts of the XD interface and other applications, is to use a Lock icon (like the one for the proportional size constraint) as a button to toggle the status from unified to separate and v.v.
Of course, you can add that blue-line behaviour again to reflect which value and corner is being edited.
I also rearranged the order of the settings, and adjusted the vertical space between them, just a bit, to reflect their associations. This helps understanding and using them at a glance.