Truncation can hide information that is important to users. It should only be used when space is limited. Redesigning layouts or allowing the text to wrap to multiple lines might be preferable solutions.

2. Full text string

Ensure that the user always has a way to view the full text string. This can be done using a tool tip or secondary view.

3. End vs Middle Truncation

End truncation should be used when list items start with unique text strings. If the list items start with similar text strings, consider using middle truncation to allows users to see unique information at the end of the string. See middle truncation for additional guidance.

In Progress

Middle Truncate

Middle truncation allows Basis to shorten long text strings while still showing the beginning and end of the text string.

In Progress

Middle Truncate

Middle truncation allows Basis to shorten long text strings while still showing the beginning and end of the text string.

In Progress

Middle Truncate

Middle truncation allows Basis to shorten long text strings while still showing the beginning and end of the text string.

Additional Reading

Break it until you make it
https://uxplanet.org/break-it-until-you-make-it-24318cfd6392#:~:text=Use%20truncation,avoid%20affecting%20the%20user%20experience.

Overview

Variants

Best Practices

Truncation

Use text truncation to shorten strings of text when they are too long to fit in a layout.

Truncation

Use text truncation to shorten strings of text when they are too long to fit in a layout.

Truncation

Use text truncation to shorten strings of text when they are too long to fit in a layout.

Variants

Best Practices

1. Only use when necessary

2. Full text string

3. End vs Middle Truncation

More

Related Pages

Middle Truncate

Middle Truncate

Middle Truncate

Additional Reading