Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I'm trying to design a settings form for a Desktop Application. There is two groupBoxes in the form. Each groupBox may contains some elements(TextBox, ComboBox , ...). Is it force for good design to align this elements with single alignment ? Or if i don't do that may it break up the rules? Here is the screenshot with alignment:

enter image description here

share|improve this question
1  
There are common patterns, and a general rule, they say that you should align elements, but if you want a better answer, you should provide a screenshot or mockup of the design you are working on. –  PatomaS Mar 9 at 10:04
    
I second that. You can read more about form alignment here: lukew.com/ff/entry.asp?1502, however, regarding encapsulating some form fields it may depend on some specific case regarding your project. In general I would say it's better to have the same alignment, but sometimes it may lead to non-optimal results. –  Dominik Oslizlo Mar 10 at 9:12
    
Thanks Dominik. The link was useful. –  Emad Mar 10 at 11:18

1 Answer 1

up vote 1 down vote accepted

You should be mindful of gestalt principals when grouping or aligning controls.

Gestalt principal of perception states that when looking at a complex visual image, our minds see coherent, whole forms, rather than individually perceiving all of the smaller elements in the image.

For grouping controls, alignment will of course make a form more pleasing to the eye, but take care that you get the spacing right or the user will see "groups" of controls that you did not intend.

enter image description here

The above image illustrates what I mean in relation to your question. In the first example the alignment combined with inadequate spacing forces the user to see the controls from 2 different groups as being a single entity. In the second example all the controls are still aligned, but now the spacing aids the user in seeing them as 2 seperate groups.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.