I have 3 buttons in a 2x2 grid as shown. One primary (Decision) and 2 secondary buttons of equal importance. This leaves a space in either the top right or top left. Which option makes most sense and is there a convention for this? There will be a 4th button in edge cases labelled “More” and this contains a drop down listing a few more options eg run a script etc
I think there's a distributing spaces problem in general, not only in the separation between buttons, but also in the button itself.
The distance between the short text and the icon on such a wide button leaves unevenly noticeable blank spaces, together with the buttons layout cause a visual mismatch throughout the composition.
Personally I would solve it in three columns layout:
Eventhough there're possibly many alternatives for every aspects and none of them is perfect or better over the other for each desired case, I prefer the right choice because as far as I know and experienced,
human brain works grouping similar things together.
So leaving secondary buttons on the left side and leaving primary button on the right, alters differentiability. Besides, it looks like giving options on the left, and the final decision on the right before going further.
From My Point of view every screen or a scenario or a case or for a user goal There should be only one primary action representing goal or activity of that screen, we have to make sure that stands out.
The more options we provide, the more distractive it becomes, the users will distract from the goal, it all depends, sometimes the secondary options provide different ways of achieving the user goals. enter image description here