Single Column Layout - Suggestion to have text left-aligned

This exactly what this topic is about.
Making blender a bit more consistent throughout it’s UI by having text align to the left since most people read from left to right and removing as much negative space as possible. It helps readability and for a more pleasant UI.
As mentioned above there’s probably an adjustment to be made in the cutoff point to switch from single collum to two or three collum layout. Would it be possible to have it as an option, a slider maybe? in the UI settings?

Talking about UI. Any development in the vertical menus?

Great work!
Hope this get’s implemented.

Love that last proposal by brita, looks much easier to read than current one and wastes less space. Also seems like it can compress horizontally much better without cutting off labels.

There is a discussion goin on about this approach in blender artists:

1 Like

@FreeMind thanks for the link! It’s helpful to connect the two discussions.

@billrey & all :)
I find that both designs to have its drawbacks.

Problems with the current layout in 2.8:

  • The labels are not left aligned, this makes it harder to read and search for left-to-right languages as one can not scan down a clear line.

  • There is no distinction between labels and sub-labels. In addition to having to “find things horizontally”, a label may be a continuation of another label, without any clear indication.
    2018_10_21_ui_singlecol_layout_1
    ^Example: ‘Step’ and ‘End’ are a continuation of “Frame” in “Frame Start”. (I personally find that a lot of strain comes from this, as not only I have to search left and right, I have to go back up)

  • Checkbox labels are not aligned with other labels.
    Suggestion: remove the exception for checkboxes.

  • Values are not aligned:
    image image
    Suggestion: I personally think that values should be right aligned and have a bit of space between a number and a unit. The reasoning is that numbers usually align to the right for easy comparison (potentially with a fixed number of decimal cases), and that the values would start from a fixed line, further from the label. I don’t think that in this case the right alignment would interfere with readability, since people usually search for the labels, not the values.
    image —> image

  • The layout occupies a lot of horizontal space in a way that isn’t useful.
    Suggestion: change the split between the label and property from 50% to around 35-40%?

Problems with this proposal:

  • The labels inside the values don’t provide a good visual queue for “here is a property”, compared to other properties (colors, properties, enums, checkboxes) where the label is not embedded.
    Here, there is also not a good distinction between a regular property and a sub property. Example:
    image
    Suggestion: for consistency, labels for number properties would also be on top of the value, unless they’re a sub-property. This would considerably increase the vertical space that this layout would occupy :
    (

  • Not all values are right-aligned (yet).

Given that we are now back to discussing the proposal itself, I will not polish the patch further until (if) it’s agreed on, since it’s very time consuming.

7 Likes

Displaying values in a different color will make them easier to distinguish from sub-labels :

Untitled-1

blender%20proposal

blender%20proposal%202

blender%20proposal%203

10 Likes

@brita I only want the patch to test in my builds :grin:

Last slider idea is very cool! Goes along with all the new minimal wave.

2 Likes

I’m not sure I understood you. But this is a branch:
temp-ui-layout-2.8

Numbers used to be center-aligned in 2.5 and 2.6 series. Starting with 2.70 it was a design decision to switch to right-aligned numbers. I feel like reverting to center alignment is a regression. This brings back all the issues and shortcomings in usabiliity that were presented and acknowledged in this task https://developer.blender.org/T37761

What’s the developers’ opinion on this?


images by @brita from the post a bit above.

4 Likes

Any news on this getting to main 2.8 branch?

reverting to something like that would be a big step backwards for readability in my opinion.

my hope is that they decide to adopt this universal style everywhere

  1. because it is practical and usable and has a beautiful style,
  2. it is compact and always saves space,
  3. and at the same time has a slider bar (when it’s needed) long enough to have a little more precision in adjusting the parameter,
  4. and on mouse click on numbers you can add the precise number of the parameter you want

rect4531

1 Like

The decision of the UI team was to stick to the currently single column layout in Blender 2.8.

This other layout system can not automatically give good results for two column layouts, and for a single column it takes up more space vertically, leading to even more vertical scrolling than we have now. While it looks good on more narrow properties editors, in general the properties editor in its current state must be wider to accommodate lists, node trees, modifiers, context path, …, and the outliner above it in the default workspaces.

So taken as a whole we do not think it improves the layout, even if it looks better in specific cases.

1 Like

I love the possibility of having more columns with a compact style

these images are just a hypothetical example of style, are edited and imperfect … they only serve to make the idea
g4600

I like this idea.

Putting the value boxes and the editable objects on the left, (Or any side) reduces the mouse movement distance to actual operation. Should have an option to toggle left or right, people may put the properties editor on the left side of their screen

4 Likes

@brita did you abandon your variant in the end?
I would have also liked to have the option of making my panels more compact (I’m a guy who likes to create their own comfortable environment, not imposing their vision on everyone, so I just wanted to tell you I’m one of those who liked your changes, your job wouldn’t have been wasted in my opinion)

(image from a guy on comments right-click-select- column layout with left-alligned text)

1 Like

@nokipaike I still stand by my list of pros and cons, but ultimately the decision belongs to the UI team.
I am no longer working on the patch. When I get a bit of free time to work on Blender again, I’d rather work on something less political.

2 Likes

With regards to alignment of the titles and values, these are the main different options I can think of, with various different tradeoffs:

You should to add “easy to scan text” to left align column

1 Like