The UI Text Space Calculator

Definition

You are designing or developing a new user interface (UI). The user-friendliness and intuitiveness of this new UI will be crucial to its success not just in the development language, but also in all translated versions. You must therefore ensure the following:

  • Translators into all target languages have enough space in the translation editor to write out their translations, instead of being forced to enter abbreviations.

  • All translations are displayed in full on the UI, instead of being truncated.

The UI text space calculator enables you to achieve these goals.

Use

If there is no need for you to restrict the length of your UI strings, then don’t restrict them!

If you do need to restrict the length of your UI strings, use the UI text space calculator to help avoid the problems listed above. It enables you to:

  • Provide enough space for all translators into all languages as you design and develop new user interfaces.

  • Ensure that translations are not truncated when displayed on your new UIs.

The UI text space calculator consists of two tables, depending on whether your development language is English or German.

Table for development language English:

EN Source Text Length

Minimum Recommended Text String Length

Size Unit em* (average case width)

1-4 characters

Extend to 10 characters

*66% of minimum recommended text string length in em, rounded up or down to the nearest whole number, e.g. 17 em for 26 characters

5 characters

Extend to 14 characters

Ditto

6 characters

Extend to 16 characters

Ditto

7 characters

Extend to 18 characters

Ditto

8-10 characters

Extend to 20 characters

Ditto

11 characters

Extend to 22 characters

Ditto

12 characters

Extend to 24 characters

Ditto

13-15 characters

Extend to 26 characters

Ditto

16 characters

Extend to 28 characters

Ditto

17-20 characters

Extend to 32 characters

Ditto

21-80 characters

Add 50% characters

Ditto

81+ characters

Add 30% characters

Ditto

Table for development language German:

DE Source Text Length

Minimum Recommended Text String Length

Size Unit em* (average case width)

1-4 characters

Extend to 10 characters

*66% of minimum recommended text string length in em, rounded up or down to the nearest whole number, e.g. 17 em for 26 characters

5 characters

Extend to 14 characters

Ditto

6 characters

Extend to 18 characters

Ditto

7 characters

Extend to 20 characters

Ditto

8-10 characters

Extend to 20 characters

Ditto

11-15 characters

Extend to 26 characters

Ditto

16 characters

Extend to 28 characters

Ditto

17-20 characters

Extend to 30 characters

Ditto

21-80 characters

Add 50% characters

Ditto

81+ characters

Add 30% characters

Ditto