...
Truncation with hover text can be a compromise. Be aware that this brings the risk of making the UI less effective.
Length and Size
...
The general rule for text expansion is: “the shorter the English text, the longer the translated text is likely to be”. The following table shows the average text expansion rate for different English text lengths:
...
When building new LUX products, also align capitalization practices with platform conventions to match user expectations.
...
Styles
Title Case
...
(Most Words Are Capitalized)
...
Use title case for menu labels, buttons, navigation, and section headers.
...
Articles (“a,” “an,” “the”) or prepositions with fewer than five letters (“to,” “on,” “at,” “by,” “from”) unless they’re the first or last words of the text element.
Sentence Case
...
(Most words are lowercase)
...
Use sentence case for all body copy, image captions, and secondary, editorial subheadings.
...