search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.47k stars 4.18k forks source link

Improve label "Wide" in layout settings #43468

Open MatzeKitt opened 2 years ago

MatzeKitt commented 2 years ago

What problem does this address?

The current label "Wide" is not really clear what it means. It sets the width for the "Wide width" setting of any subblock. Additionally, only "Wide" as label is not properly translatable, at least in German, as a word-by-word translation would result in an information loss where the label would be not clear at all.

What is your proposed solution?

Rename the label to "Wide width" (and maybe the "Content" label to "Content width" to have it consistent) to make them more clear and also better translatable.

A plus for giving these labels a context for translations.

Bildschirmfoto 2022-08-22 um 09 41 07
t-hamano commented 2 years ago

I agree with this proposal. I think it is not currently consistent with the block toolbar.

wide

However, in the current UI, text does not fit, at least in English. In other languages, WIDE may be the same. If we proceed with this proposal, I think the UI needs to be changed.

overflow

mtias commented 2 years ago

Doesn't the longer text above the controls provide enough context that it's about the different widths? We shouldn't have to repeat the "width" suffix on each label.

MatzeKitt commented 2 years ago

Unfortunately, no. Even with multiple people in the team we needed quite some time to make sure we understood the settings correctly.

afercia commented 1 month ago

I wasn't aware of this issue and submitted a PR at https://github.com/WordPress/gutenberg/pull/64891 associated to https://github.com/WordPress/gutenberg/issues/64842

I do agree these two controls are unclear and confusing. Also, as commented on the PR:

I see a trend from the design team to shorten or truncate control labels only to make the controls 'fit' in specific design e.g. a two columns layout. This has the only effect to make the controls unclear for users. Features and settings must have clear, meaningful, understandable names. Please do not ever shorten labels only for visuals reasons. Labeling a control by an adjective e.g. 'Wide' seems to me far from ideal and not the best UI.

Clarity should never be sacrificed in favor of a 'pretty' layout in two columns that doesn't add any funcitonal value to the UI. Functionality and operability come first and only then the design should accomodat ethe layout in the most possible efficient, usable, elegant, way.

Worth also mentioning that in the panel to reset these settins that can be opened by clicking the 'DImension opions' ellipsis icon button, these settings are currently cnamed 'Content size' and 'Wide size', there the term 'size' is inconsistend and confusing.