New answers tagged alignment
If I had to pick between these 2... I Personally would vote for the option on the right since this is a more hierachical/logical way of presenting question/answer relationships. By quickly scanning the form, it is easier to differentiate question from answer. However if you want to align text to the input vield, it would be more appropiate to create a ...
I vote for right, but if possible reduce the left-margins of the text inside the comboboxes.
While the option on the right creates a class-difference between label and the value. It also creates a visual confusion because of the alignments. Now we can align the labels with the border of the input-box, we can't do the same with the values. Best possible solution would be to align label and the value together, and create the class-difference between ...
This isn't based on any research except for the fact that my eyes are melting from the ugliness of the option on the left. The label should definitely line-up with the edge of the input box.
Generally, right alignment of numbers is better because it allows for easier understanding of the relative magnitude of each value (in part this stems from the way simple math is commonly taught at school, at least in "Western" nations). The key here is that the number is the thing that should be right aligned; the unit is different. So, one approach would ...
I like Franchesca's idea of using Years and Months as column headers with only digits as the values, but if you can't do that due to the column header needing to be something specific and must put the year/month terms in the values, I would make them uniform by always listing the years and months terms for each value and include 0's to precede single digit ...
The best readability for visual comparison (i.e. to be able to compare the values) of the exact text format given in the question would be: 3 months 12 years, 3 months 10 years 8 years, 6 months 8 years, 11 months I don't think that keeping the values in a single column and mixed with text like this is ever going to be a good solution. ...
Without any more detail for context, my vote goes for left-aligned, unless the quantities themselves line up despite the units. See for yourself: 3 months 12 years, 3 months 10 years 8 years, 6 months vs. 3 months 12 years, 3 months 10 years 8 years, 6 months But, the following looks good: ...
Regarding the data in the column : As previously answered, numerical data should be right aligned if their values need to be visually comparable as this aligment reveals the order relation (as opposed to an alphabetical ordering) because left-positioned zeros are implicit. Regarding the column headers : A column header is an indication about the content ...
Usually, you would only align pure numbers right, so you could compare them easily.
It depends on the meaning of the data. As a general rule, if the user will be comparing values for their size, or scanning for a value that looks big or small, then you should right align the value to help with this. Prices should therefore be right aligned. Phone numbers on the other hand will not be compared for value, so they don't need to be.
Depending on the context, you can also display boolean values with checkboxes (for editable scenarios) or tick / cross icons.
Top 50 recent answers are included