A programmer myself, I find it hard to make certain seemingly simple design decisions.
Currently I'm sketching a signup form for a website, and I want to keep the design really simple.
There are several sections in the form, which I decided to be best separated by horizontal lines:
However I'm really not sure about:
- widths of the text fields
- widths of the separators
I think it's best to keep the width consistent for at least elements of the same type (see above).
Is this a common practice?
Should I also align separators with the fields, or maybe with the header?
Are there any commonly accepted recommendations on this?